Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #29574

    I’m building a site for a buddy and he wanted icons in the mega menu and I’m having issues with too much white space between the rows of icons. I’m also having issues with the icons lining up underneath each other. Going for and ios look. Can you point me in the right direction to fix these issues? All the icons are 60x60px but some of them are showing smaller sizes and some are links. Strange any help would be awesome. Here’s the link http://tinyurl.com/nxlh5d9 the menu is under “industries”


    Is anyone going to help me?


    Hi asherbarrett.

    Our support queue goes by the oldest posted response in a topic so when you self responded it actually pushed the post back to the end of the queue instead of bringing it forward.

    For your issue, this is the css that controls the padding on your mega menu sub items:

    #top #header .avia_mega_div > .sub-menu {
    display: table;
    padding: 10px 30px 30px;

    There is an additional style that adds 30px on top but add the following to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (min-width: 768px) {
      #top #header .avia_mega_div > .sub-menu {
      padding: 10px 30px 30px !important;

    Then modify the values as needed



Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Mega Menu Image Icon Spacing’ is closed to new replies.