Adjust main menu padding with icons

  • Resolved czamps

    (@czamps)


    7 years, 8 months ago

    Hi,

    Firstly, I have to say that this theme is amazing and the support so far has been great! Loving this theme!!

    I am trying to adjust the padding (I’m assuming) between the icon’s and text. My website is located at https://www.burntbrickdesigns.com.

    Also, I wasn’t sure whether to include it here or in another post but is there a way to indicate that a menu item has a sub-menu? For example, my Services item has a sub-menu.

    Thanks!
    Chris

Viewing 4 replies - 1 through 4 (of 4 total)

  • hello,

    I’m assuming you’re referring to the icons in your primary navigation? If so, you can add some padding to the bottom of those icons by adding this CSS to Theme Options> Advanced Settings:

    .sf-menu li a i {
    padding-bottom: 5px;
}

    Adjust the amount as you feel necessary by changing the “5px” to whatever you want.

    @media (min-width: 992px) {
.sf-dropdown:after {
    color: #444;
   content: '?';
   position: relative;
   bottom: 30px;
   left: 5px;
   }
}

    Hopefully that works for you!

    -Kevin

    • This reply was modified 7 years, 8 months ago by Kevin.
    Thread Starter czamps

    (@czamps)

    Hi Kevin,

    Fantastic, thank you for the help once again! Both worked perfectly. Is there a way to adjust the size of the down arrow in the second code that you provided?

    Thanks!
    Chris

    Try adding the font-size property by adding it to the CSS:

    @media (min-width: 992px) {
.sf-dropdown:after {
    color: #444;
   content: '?';
   position: relative;
   bottom: 30px;
   left: 5px;
   font-size: 18px
   }
}

    -Kevin

    Thread Starter czamps

    (@czamps)

    That did it, thank you again so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjust main menu padding with icons’ is closed to new replies.