Home › Forums › Pro Themes › Education Hub Pro › Resize Menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 20, 2016 at 10:26 am #26275
    jimonline
    Participant

    is there css coding to adjust the menu to make the text smaller and closer together so I can put more tabs on one line? How do I accomplish it using the menu bar above the slider?

    December 20, 2016 at 11:01 pm #26342
    wensolutions
    Keymaster

    Hello,

    You can add in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS field

    
@media(min-width: 769px) {
.main-navigation ul li li.menu-item-has-children > a::after, .main-navigation ul li li.page_item_has_children > a::after {
    top: 4px;
}

.main-navigation ul ul a {
    padding: 4px 7px;
}

.main-navigation ul li a {
    padding: 5px 12px;
}

.main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after {
    right: 14px;
    top: 6px;
}

.main-navigation ul ul {
    top: 34px;

}
}

    This will decrease the padding and spacing provided to the menu items initially by the theme making it sleek and should allow you some extra spaces for some extra tabs in the main navigation on desktop screens.

    Hope this Helps,

    Best Regards !!

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.