Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #241550

    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

    • This topic was modified 10 years, 9 months ago by Labhanshi.
    #242124

    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

    #243305

    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

    #243412

    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

    #243824

    Hello Yigit,

    The code worked perfectly. :)
    The ticket can now be closed. Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Menu items gets break up while scaling down the browser window’ is closed to new replies.