Joomla Templates Club 406,261 posts

[shedsolutions Friend shedsolutionsJoin date: September 2012Posts: 17Downloads:1Uploads:0 Thanks: 5]

#202683

Hi there,

We would like to decrease the padding to the right of the main menu so we can fit more menu items across without them being bumped to the next line (see photo).

How can we decrease this padding amount?

[shedsolutions Friend shedsolutionsJoin date: September 2012Posts: 17Downloads:1Uploads:0 Thanks: 5]

#555119

Actually, it would be great if the template would automatically hide the mega menu and show the mobile menu once it detects the mega menu will not fit on one line.

Is there a way to accomplish this?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#555178

Hi,

Please open file root_folder/templates/uber/css/custom.css (if you don’t have this file, just create a new one) then add this code :

@media (max-width: 1200px) {
#t3-mainnav {
display: none;
}
}

Save your file and recheck.

[gclauss Friend gclaussJoin date: December 2008Posts: 10Downloads:26Uploads:2 Thanks: 10]

#560555

I tried this on my site for the same problem (Menu 2 lines) and it didn’t work? Is this code still valid for Uber?

******************************************
@media (max-width: 1200px) {
#t3-mainnav {
display: none;
}
}

******************************************
http://www.alva-labs.com

Thanks!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#560672

Hi @gclauss,

Please open file custom.css and add this code :


@media (min-width: 1335px) {
#t3-header #t3-mainnav {
width: 79%;
}
#t3-header .site-navigation-right {
width: 10%;
}
}
@media (max-width: 1335px) {
#t3-header #t3-mainnav {
display: none;
}
}

1 user says Thank You to Adam M for this useful post

1. gclauss

[gclauss Friend gclaussJoin date: December 2008Posts: 10Downloads:26Uploads:2 Thanks: 10]

#560719

Perfect, thanks Adam. Once again.

[Author]

Posts