• Hello, I would like to have a toggle bar that is full width in mobile, and matches the width of the menu when I tick “Force Full Width” in max mega menu mobile menu settings.
    I will provide my current POV in the link below

    wp

    I would like the empty space in top left to be covered by menu toggle bar, thanks a lot.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi helifiction,

    Thanks for posting a link.

    Due to the format of the header HTML, and the way the CSS has been written to position the menu where it currently is, it would not be straight forward to make the toggle bar full width.

    Insted you could blend the current toggle icon into your header, by setting the toggle bar background colour to transparent, the toggle bar icon and text to blue, and adding this custom CSS to your site:

    #mainnav-mobi {
    background-color: transparent;
    display: block !important;
    }

    Regards,
    Tom

    Thread Starter helifiction

    (@helifiction)

    Hey @megamenu thanks for your reply
    I did add the snippet you provided but it didn’t changed anything in my view.
    I am willing to change any custom CSS in order to achieve the full width toggle bar.
    thanks a lot.

    Plugin Author megamenu

    (@megamenu)

    Hi helifiction,

    As I said in my last reply, it is not straight forward to change your theme so that the toggle bar can become full width.

    I see you have added the CSS, but you also need to follow this bit:

    Instead you could blend the current toggle icon into your header, by setting the toggle bar background colour to transparent, the toggle bar icon and text to blue, and adding this custom CSS to your site:

    Regards,
    Tom

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

The topic ‘Full width mobile toggle bar?’ is closed to new replies.