Icons after menu text

  • Resolved ayush1989

    (@ayush1989)


    9 years, 11 months ago

    Hi,

    Great work kadence team! I really like the theme and I’ve based my website on it. I’m also using the inbuilt icon support that makes the icons appear before the menu text. One question though. I would want the icons to appear after the menu text. Adding the icon type to the css classes box makes them appear by default to the left of the menu text. Is there a way to make them appear after the text? Thanks!

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

  • Can you post a link?

    I think I could give you custom css that would do this just need to see how you have it set up.

    Kadence Themes

    Thread Starter ayush1989

    (@ayush1989)

    I’m extremely sorry I won’t be able to. I could get them to float to the right but couldn’t adjust the size since they were part of the primary menu. I noticed the property font-size can be used to resize them if they were part of a page, but in the menu, it doesn’t seem to be working. How can I target the size of the icons if they’re part of the menu?

    hannah

    (@hannahritner)

    Hey, I think this will work:

    .sf-menu li a i {
  font-size: 30px;
}

    Just paste it in your custom css box in theme options > advanced settings.

    Hannah

    Thread Starter ayush1989

    (@ayush1989)

    That did it! I was using CSS on the icon-class but for some reason that doesn’t work for icon size. Thank you so much Hannah!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Icons after menu text’ is closed to new replies.