-
Posts
-
Hello and Happy New Year to you all,
My header is unusually very big (3/4 of the screen), covering most of the first color section below with the usual transparency. If I scroll down, the space reduces to 1/3 of the screen, and the space between the menu items disappears. So the name of the pages, the menu items, are floowing each other with no space. The space don’t come back if I scroll up to the top again.
This is fixed only when I refresh the page, and remains in order until I empty the browser cache. (It seems to do it not every time I refresh the cache, although this might be due to something else not problematic nor relevant here).
How could I fix this ?
Thanks a lot !
Hey!
I’m not getting that behavior but it looks like its in Safari in the screenshots which isn’t supported on any Windows OS anymore. So its probably an old updated browser issue.
Best regards,
DevinHey,
Indeed I eventually made the screeshot with Safari but I’ve seen the problem on the latest versions of Chrome and Firefox as well. Exact same problem as those screeshots :/
Regards,
EmmanuelI’ll tag the topic for the rest of the support crew but on both a Windows Vista and a Windows 7 machine I wasn’t able to get the same issue. Without seeing it live there isn’t much we can do to help fix it.
Hi!
Did you try to deactivate all third party plugins – especially the cache and “optimize” plugins may break the javascript code. If the issue is not caused by a third party plugin try to re-install all theme files (overwrite the theme files with ftp) and if the procedure still doesn’t fix the issue try to insert following code into the quick css field
#header_main .container, .main_menu ul:first-child>li a { max-height: 88px !important; }Best regards,
PeterThank you, I will try all these until it stops. Because it doesn’t happen everytime I’ll have to stick with each of them a few days to be sure I guess.
I have a naive question : why this piece of code isn’t the first solution to try ? as it seems to forbid the header to be bigger than it should, which is likely to solve the problem I guess.
Regards
Its a hack to fix something that shouldn’t be happening. If it needs to be fixed within the theme then we would want to find the root and not just give out a bandaid.
My guess at this point however is that it is probably related to the caching plugin set up. Looking at the web page test site you ran, the first one doesn’t have the issue but the second does: http://www.webpagetest.org/result/140102_ZP_481/
Hi!
Yes, Devin hit the nail on the head. It’s like taking painkillers – they may help you to bear up against pain but they won’t heal the disease…
Regards,
PeterHi,
Thank you, I understand.
After some days testing, I can say that the code given does forbid the white color of the header to go too far below, but the items are still displayed at this same place when I see that bug :/I was afraid this might be a cache or minifaction problem, as I’m never able to fix this myself. Do you have some info to lead me on the way, or for me to give it to a developper or someone who could fix this for me ?
Thanky you
I re-ran the same test you had previously and its showing no issues now as well: http://www.webpagetest.org/result/140114_MD_M4Y/
- The topic ‘Unusual huge space between top and bottom of the header’ is closed to new replies.