Title: Full width mobile toggle bar?
Last modified: January 17, 2021

---

# Full width mobile toggle bar?

 *  [helifiction](https://wordpress.org/support/users/helifiction/)
 * (@helifiction)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/full-width-mobile-toggle-bar/)
 * 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](https://imgur.com/a/vvhpgNc)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffull-width-mobile-toggle-bar%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/full-width-mobile-toggle-bar/#post-13921596)
 * 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](https://wordpress.org/support/users/helifiction/)
 * (@helifiction)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/full-width-mobile-toggle-bar/#post-13936461)
 * Hey [@megamenu](https://wordpress.org/support/users/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](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/full-width-mobile-toggle-bar/#post-13937300)
 * 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.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

## Tags

 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 3 replies
 * 2 participants
 * Last reply from: [megamenu](https://wordpress.org/support/users/megamenu/)
 * Last activity: [5 years, 3 months ago](https://wordpress.org/support/topic/full-width-mobile-toggle-bar/#post-13937300)
 * Status: not resolved