Hello Support,
It seems a bug related to responsiveness, header breaks up while scaling the browser window.
After scaling the window borders towards left (adjusting the width of window for checking responsiveness), i found that Menu items gets shifted down, gets aparted from the Main Header Menu and also overlapping the Logo, which is of recommended size.
I am using latest Firefox and checked on chrome too.
I tried to explain the issue via screenshot-
I request you to kindly resolve this bug and help me to fix the issue.
Thanks
Hi Labhanshi!
Please go to Enfold theme options > Header > Mobile Menu and in “Header Mobile Menu activation” section choose “990px”. If that does not work, please post the link to your website so we can take a look
Best regards,
Yigit
Hello Yigit,
Thanks for your tip.
Part of the problem gets fixed.
1. Problem- This gets resolved now.
2. Problem- The Menu names are still shifted towards left and overlapping the LOGO.
Here HOME Menu name is overlapping the Logo, even if i use standard and recommended size of the logo.
The URL is – http://www.labhanshicreations.com
I thought you could have seen the URL from the screenshot which i posted in earlier post above, that is why i let it open ;)
Thanks
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 1140px) {
.main_menu ul:first-child > li > a {
padding: 0 8px;}}
Cheers!
Yigit
Hello Yigit,
The code worked perfectly. :)
The ticket can now be closed. Thanks