Logo Size on Mobile

  • Emma Schwartz
    March 26, 2026 at 11:20 am

    Is there a way to change the size of the logo on mobile view without also altering the height of the menu items? There is too much spacing between the menu items on mobile view wben I make the logo bigger.

    I would also to know if there is a way to make the little arrow for the drop down menu bigger if that’s at all possible?

  • Ying
    March 26, 2026 at 11:55 am

    Hi there,

    Yes, try this CSS:

    #mobile-header .site-logo.mobile-header-logo img {
    height: 80px;
}

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Try this for the dropdown arrow:

    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle svg {
    height: 30px;
    width: 30px;
}
  • Emma Schwartz
    March 28, 2026 at 5:22 am

    Thank you!

  • Ying
    March 30, 2026 at 7:18 am

    No Problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.