Joomla Templates Club 406,261 posts

[Kevin Friend KevinJoin date: May 2009Posts: 180Downloads:298Uploads:1 Thanks: 2 Thanked: 9 times in 2 posts]

#206050

I have two menus in the main menu that I don’t want to have linked to anything but if I set them to text separators or menu heading they start crowding the menu to the right. The only work around I have found that works is to create a link to something but for my application that is not possible. Is there something I missed in the tutorial on this or a post I could not find? Seems odd I could not find anyone else that had this problem but then I probably did not search for the right thing.

By the way, you guys out did yourself with this template. I am not easily impressed but this template is off the chart on the cool factor!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#569470

Add this code to Custom.css

.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a{
padding: 10px 13px !important;
}

[Kevin Friend KevinJoin date: May 2009Posts: 180Downloads:298Uploads:1 Thanks: 2 Thanked: 9 times in 2 posts]

#569534

Thanks Chavan…

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#569536

you have missed a DOT ‘.’ while copy pasting my css code into custom.css. i have made some more modification to the code. please check this

.uber-header.header-4.light-color .navbar-default .navbar-nav > li > a {
font-weight: 300 !important;
line-height: 32px !important;
padding: 10px 13px !important;

}

please check your site and confirm

[Kevin Friend KevinJoin date: May 2009Posts: 180Downloads:298Uploads:1 Thanks: 2 Thanked: 9 times in 2 posts]

#569550

Perfect, thanks Chavan it is working perfectly now…;)

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#877400

I am having this same problem but the code given isn’t solving it. Can you help?

-youngerusa.com/j3new

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#879920

@kella: Try to add the CSS style below to templates/uber/css/custom.css file

@media screen and (max-height: 700px) and (min-width: 992px) {
    .t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
        padding: 8px 10px !important;
    }   
}

.uber-header.header-5.dark-color .navbar-default .navbar-nav > li > a {
    padding-right: 0px;
}

Hope it helps

[kella@youngerusa.com Friend kella@youngerusa.comJoin date: January 2016Posts: 65Downloads:46Uploads:23 Thanks: 9]

#879950

Thank you but I ended up using this code instead which seemed to work better.

.nav > li > .separator {
    text-transform: none;
    padding-left: 0;
    padding-right: 52px;
    font-weight: 700;
}

[Author]

Posts