Menu Bar Dropping To Main Text Area on Mobile setting

  • Resolved tubesfloral

    (@tubesfloral)


    3 years, 9 months ago

    Good day,

    I am not sure why on the desktop and tablet the “Menu bar & Cart” are at the very top right side of the page but on the mobile version it drops down to the main title area. Its annoying ??

    Can someone please help? Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • hello,
    good morning bro,
    I analyze your page on mobile view the appearance of the home page on mobile view is perfect.
    firstly you can increase your z-index of your menu button, specifically for mobile view, and also for your cart button if it Is possible you will change its position on the top of the right side only (you can check the padding or margin)for the mobile view section.

    note- all changes you must do on mobile view setting only because the desktop and tablet seem to be good.

    @tubesfloral The reason for this behavior is the two parallel lines (just to the right of the menu-item Info are occupying a bit too much space on the mobile. This results in the portrait width not being sufficient enough to contain both the logo and the navigation menu, thus making the menu “drop” below.

    To fix this, you can reduce the width of those lines a bit.

    Use this CSS to do the same:

    .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines {
    width: 40px;
}
    • This reply was modified 3 years, 9 months ago by Shariq Khan.
    Thread Starter tubesfloral

    (@tubesfloral)

    Thank you @danielbora123 and @shariqkhan2012

    I appreciate your speedy response and solutions. Haha, I have no idea how to code or add this code to the site ??

    Thread Starter tubesfloral

    (@tubesfloral)

    DONE & DUSTED NOW!

    Thank you @danielbora123 and @shariqkhan2012

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu Bar Dropping To Main Text Area on Mobile setting’ is closed to new replies.