Drop down arrow extremely large

  • genejg

    (@genejg)


    8 years, 7 months ago

    Just downloaded the new theme and started playing around with it. However, when set up on my new subdomain, http://equality.repixelatedtech.com, it has a large arrow in the menu when viewed in both Customizer and live from a desktop. On mobile, the menu and arrow icons are extremely large as well. I’ve uploaded images for reference.
    Mobile
    Mobile
    Desktop
    Desktop

    • This topic was modified 8 years, 7 months ago by genejg.
Viewing 2 replies - 1 through 2 (of 2 total)
  • stephencottontail

    (@stephencottontail)

    8 years, 7 months ago

    Looks like FontAwesome’s stylesheet is also styling the .icon class, causing some oddities. I couldn’t tell for sure if any of your plugins were loading FontAwesome, so you may need to check with your plugin’s authors. You could also fix it with some custom CSS:

    .main-navigation .icon {
	height: 1em;
	width: 1em;
}

.main-navigation .icon-bars,
.main-navigation .icon-close {
	vertical-align: middle;
}

    An easy way to add custom CSS is to use the built-in Customizer option at Dashboard > Appearance > Customize > Additional CSS.

    Thread Starter genejg

    (@genejg)

    8 years, 7 months ago

    I feel really silly now haha. Thanks for both the info and the quick code fix. I had actually forgotten about my FontAwesome plugin!

    Case resolved!

    • This reply was modified 8 years, 7 months ago by genejg. Reason: Added resolved wording for support tracking
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Drop down arrow extremely large’ is closed to new replies.

Tags