- TutorialsDefault Block Settings Guide
The sticky bar from Header Style 8 ignore logo image width.
When main menu is draw in sticky bar, the theme don’t add the logo width to the left menu position. As result the main menu overwriting the logo image.
Check http://www.thehikers.ro as sample.
Can help me to fix it, please?
The solution create an issue in Header Style 8. The logo overwrite meniu. How can be fixed?
I mean how can move the main meniu to the right as logo to not overwrite meniu text.
How can I remove the drop shadow below Menu bar in “Header Style 8 â Hybrid menu 2” as seen on http://www.londoninstereo.com from Newspaper gallery showcase ? Also is it possible to disable the search icon on the Main menu and have a restyled search box similar to the one this website ?
Now yes! Thak you!!! Also, I only want the menu to be sticky on mobile.
This code doesn’t work:
@media(min-width:767px){
.td-affix{
display:none
}
}
I use header style 8. My web is informeinsolito.com
1. Cred ca nu putem vorbi despre customizing ci despre un BUG. Header style-ul 8 nu tine cont de dimensiunea imaginii folosite pentru logo cĂąnd calculeaza pozitia de left pentru meniu ci afiseaza meniul la o pozitie fixa, prestabilita.
Eu doar am adaugat logo-ul meu in tema si meniul este afisat peste imagine.
2. La fel si in cazul header style-ului nr.12. Codul inclus in tema ignora cu desavarsire culoarea aleasa de mine pentru hover. Pentru ce exista aceasta optiune daca nu este folosita?
Hello,
You can use this code to make the top menu appear:
@media (max-width: 767px){
.td-header-top-menu-full{
display:block!important;
}
.td-header-style-8 .td-header-top-menu{
display:block!important;
width: 100%!important;
margin-left: 10%!important;
}
.td-header-sp-top-menu{
display:block!important;
}
}
It will require further customization for positioning.
Thank you!
Nu e prea ok, pentru ca functia asta apare in header. Problema e ca nu are h1, cum ar trebui sa aiba un titlu normal, iar in aeasta situatie e o problema de SEO pentru Google si Google News, de exemplu, nu stie sa ai titlul la unele pagini, spune ca nu exista.
Daca schimb din <title> in <h1> apare tot textul mare deasupra intregului continut, ceea ce e destul de aiurea.
Daca aplic un h1 peste <title>, apare un spatiu gol in header, deci nici asa nu e ok.
Voi marcajul <title> unde il aveti definit, daca exista pe undeva, si cum se poate aplica un h1 acolo in loc de <title> ?
Hi
Try this css, it should display the logo on mobile devices: http://screencast.com/t/rSfnmKejirXJ
@media (max-width: 767px){
.td-header-sp-logo {
display: inline!important;
}
}
Thanks!
Hello,
You can try it this way:
Header add Access-Control-Allow-Origin â*â
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ â [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
This seemed to work for most people.
Let us know how it goes.
Thank you!
Hi,
You can use this code to do it:
.td-post-template-7 .td-post-header{
height:500px!important;
}
I set it to 500px but you can change that value to your preferred one.
Thank you!
Hello,
1) The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
2)If you only want the menu to be sticky on mobile, you can use this css to remove the sticking menu from tablets and desktop:
@media(min-width:767px){
.td-affix{
display:none
}
}
Thank you!
Hello muaythaiguy,
If you want to disable the header ad for a specific category you can achieve this if you hide it with a bit of CSS using category ID. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.category-7 .td-g-rec {
display:none;
}
The category ID you should find like this -> http://screencast.com/t/cAg7YkzA
The result you should see here -> http://screencast.com/t/0e29coKJp
Hope this helps!
Thank you for the message!
Hello,
I play around with header styles and I am interested to use number 9. But I try to make a smaller logo.
I’m using next code:
.td-header-style-9 .td-header-sp-logo img {
max-height: 100px!important;
}
But his lower just image.
I teseted
.td-header-style-9 .td-header-sp-logo {
max-height: 100px!important;
}
too but without results.
How can I make a smaller <td> for logo image?
I mean to disable Header and Footer on a specific Page not all page. i wanna create a completely BLANK page, no nain navigation bar,header and footer.just ability to have the content area t=to create landing page.
Hi… I am newbie. After installing default demo. I checked there is blank block above menu and header. How to delete or fix it?


Thanks Bogdan for your reply,
I’ve solve the first problem, but the second not yet.
My .htaccess file was previously this way:
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
So, I add the code mentioned in the link that you suggest and the code became as below:
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “*”
</IfModule>
# END WordPress
This didn’t works, so I’ve tried another way:
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “www.neuronews.com.br”
</IfModule>
# END WordPress
But in the samsung galaxy S4 powered with chrome the problem remains.
What did I wrong?
How do I decrease the height of the feature image on post template style 7?
see: http://www.hwinsider.com/5-ways-to-improve-your-health/
Thanks
1. Top menu does not appear on mobiles, how to fix it?
I can not change it with Custom CSS đ
2. How to do that the header menu scroll it on phones but not on PC?
Hi there,
I just noticed that the header menu is hiding under the top menu if I scroll down the page and then scroll back up again. The header menu becomes visible again only on a page refresh or on a menu selection.
URL. http://redyoda.com
Regards
Hey there,
Is there a way to disable the header ad on a specific category?
Thanks.
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/rMR35vuj7qvO
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
Thanks!
Hi
To remove the header from the pages you need to edit the file corresponding with the header style used and add a condition like here: http://screencast.com/t/5BO7ShL3B – http://pastebin.com/KKdusNXM Also you will need this css in theme panel > custom code > custom css:
.td-header-menu-wrap {
min-height: 0;
}
This code will hide the header in all pages.
The same step must be done for footer: http://screencast.com/t/9O3A21aRpve9 – http://screencast.com/t/QePMMbva7m
Please note that I’ve test this only with header style 1 and footer template 1. For a different header style or footer template you may need additional conditions. If you can’t manage to this by yourself my advice is to look for someone to help you as we can’t offer custom work at the moment.
Thanks!
-
This reply was modified 10 years by
Andrei L..
Hello,
The top menu does not appear on the mobile version by default. This was a design choice. It can however be activated with custom css:
@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}
I hope this helps.
Thank you!
Hi,
we tried with absolute path too.
But as you can see on source, for example, on that page http://www.aerospatium.info/un-marche-en-plein-essor-mais-plein-dincertitudes/ the generated code still appears
<!-- Header style compiled by theme -->
<style>
@font-face {
font-family: "neosanspro";
src: local("neosanspro"), url("css/fonts/NeoSansPro.ttf") format("woff");
}
@font-face {
font-family: "neosanspro";
src: local("neosanspro"), url("css/fonts/NeoSansPro.ttf") format("woff");
}
@font-face {
font-family: "neosanspro";
src: local("neosanspro"), url("css/fonts/NeoSansPro.ttf") format("woff");
}
@font-face {
font-family: "neosanspro";
src: local("neosanspro"), url("css/fonts/NeoSansPro.ttf") format("woff");
}
whereas fonts are declared into child theme css as:
@font-face {
font-family: 'neosanspro';
src: url('/wp-content/themes/Newspaper-child/css/fonts/NeoSansPro.ttf');
font-weight: normal;
font-style: normal;
}
It’s like there are cache issue.
Thanks for your help
