Hi,
If you look at the following screen
http://mobile.neakriti.gr/sandbox/main-menu.jpg
When main menu exceeds one line, the bounding box still surrounds the first line (upper picture), and if I make this a sticky menu, you see (lower picture) that it appears transparent and into my content.
You can see the problem in your browser if you go into a test website I build
http://w3.neakriti.gr/
Is there an easy way to fix this?
Hi,
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/TfVxXPKQnE0 – http://screencast.com/t/0RBXhcE0
.td-menu-wrap {
height: 100px;
}
.td-affix {
height: 100px;
}
Thanks!
Thank you very much for your fast reply!
MegaMenu that pops up still gets in the way when more than one line.
Can it use a z-index higher and follow the line at which it occurs?
That is if its on the first line appear normally but with higher z-index and if its on the second line appear equivalently in a lower location?
I made a quick fix by applying that css
.td_block_mega_menu {
top: 30px;
}
This all worked fine, until I installed and activated the tag-div speedbooster plugin.
After activating this plugin, the fix doesn’t appear.
Note: I applied the above fix on the ADVANCED CSS part for all the orientations except of mobile. That is desktop, tablet portrait, tablet landscape
If I disable the speedbooster plugin, the fix for the extra height goes back to normal and appears as it should.
Any advice please?
Hi,
Please try to use !important and see if it works.
Thanks!
