Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Lifestyle2 Mega Menu width - Menu items wrap

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I'm trying to figure out why when my browser window is at 1200 all menu items are on the same row but when it is reduced to 1096 the last item on the menu wraps.

It isn't until the browser gets to ~1014 that the menu toggles to the mobile view.

Interestingly at 1019 the menu shows fully open!

Maybe reduce the space between menu items?

Any help would be appreciated.

Thanks!
  • Cody Gross's Avatar
  • Cody Gross
  • LIfetime Developer - Big Bamboo
  • 163 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi

Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sorry..yes

cairo.directrouter.com/~rrfb2
  • Cody Gross's Avatar
  • Cody Gross
  • LIfetime Developer - Big Bamboo
  • 163 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Right so this may need tweaking

@media screen and (min-width:1020px) and (max-width:1090px) {
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { padding: 8px 20px !important; }
}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Is this a cut & paste into the custom.css file?
  • Cody Gross's Avatar
  • Cody Gross
  • LIfetime Developer - Big Bamboo
  • 163 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Yep

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It's in there. Better but still wraps between 1200 and 1090. From 1089 to 1020 it looks good. After 1020 it goes to the mobile menu.

I'm using this site: whatsmy.browsersize.com/ to check my browser size.
  • Cody Gross's Avatar
  • Cody Gross
  • LIfetime Developer - Big Bamboo
  • 163 posts
  • 2 Thanks
  • Karma: 1
Last Edit: 5 years 6 months ago by Cody Gross.
The administrator has disabled public write access.
Right if you duplicate the media query I gave but adding different breakpoints and increase padding you should be ok

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Got it!

Thanks
  • Cody Gross's Avatar
  • Cody Gross
  • LIfetime Developer - Big Bamboo
  • 163 posts
  • 2 Thanks
  • Karma: 1
The administrator has disabled public write access.
Nice one :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers