-
AuthorPosts
-
March 3, 2019 at 10:17 am #1073886
Hello all,
My logo is overlapping with the menu in the header. How can I fix it? Is there an option or do I need to use quick css ?
Thank you in advance for your help!
-
This topic was modified 6 years, 8 months ago by
805ITS.
March 4, 2019 at 7:16 am #1074195Hey 805ITS,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }You can adjust 1024 to the pixel value of your choice.
Best regards,
RikardMarch 4, 2019 at 8:52 am #1074229Thank you I have tried but it did not work..
March 4, 2019 at 11:36 am #1074295Hi 805ITS,
Try to flush out the cache if you have a caching plugin.
If that doesn’t help, please give us a link to your site so we can inspect on it.
You can post the link to your site in private content, so it’s only visible to the moderators.Best regards,
NikkoMarch 5, 2019 at 8:58 am #1074723No I don’t have a cache plugin. Here is the URL of my site below
March 5, 2019 at 2:50 pm #1074886Hi 805ITS,
The code Rikard gave doesn’t reflect on your site, can you try to disable temporarily the CSS file merging and compression in Enfold > Performance.
It should take effect on devices with screenwidth about 1024px (same as ipad in landscape mode).
Can you also set the font size of your main menu links to just 15-16px? 18px seems to big and overlaps with the logo.Best regards,
NikkoMarch 8, 2019 at 4:22 am #1076207I have disable the css file merging and compression and it’s working now. Thank you for your help! :-)
March 9, 2019 at 10:00 am #1076686 -
This topic was modified 6 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
