Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #304047

    how do i lessen the white space between the columns and surrounding the sub-nav in the mega menu drop downs?

    #304150

    Hi Tech!

    Thank you for visiting Kriesi’s support forum.

    Please use this on Quick CSS or custom.css to adjust the padding of the mega menu:

    #top #header .avia_mega_div > .sub-menu {
    padding: 10px 10px 10px;
    }
    
    #header .mega_menu_title {
    text-align: left;
    }
    
    #header .avia_mega_div .units {
    padding: 0 7px 0 7px;
    }

    Cheers!
    Ismael

    #304459
    This reply has been marked as private.
    #305317

    Hi!

    You target individual menu items and their sub menus by the parent menu id. Inspect each menu item with your browsers dev tools and then you can pick them out to add in as a selector in between the header and mega menu selectors. Ex:

    
    #header li#menu-item-4487 .avia_mega_div { 
      left: -160px !important;
    }
    

    Which will target the education menu item.

    Cheers!
    Devin

    #306075

    working like a charm. thanks guys!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Shrink padding spaces in sub menu’ is closed to new replies.