Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Mobile menu items positioning

  • Sergei
    August 30, 2023 at 4:46 pm

    Hey everyone!
    Here is the website

    In the mobile version of the website, when the hamburger icon is clicked, the menu opens. Currently, all three menu items (address, WhatsApp icon, and Instagram icon) are displayed in three separate rows. I’m trying to place them in a single row so that they are positioned next to each other.

    I’ve tried all the advices from this forum, but nothing seems to work. Can anyone help me please?

  • Fernando
    August 30, 2023 at 6:21 pm

    Hi Goliakov,

    Try adding this through Appearance > Customize > Additional CSS:

    div#mobile-menu > ul[aria-hidden="false"]{
    display: flex !important;
}

div#mobile-menu > ul[aria-hidden="false"] > li {
    width: fit-content

}

div#mobile-menu > ul[aria-hidden="false"] > li:not(:first-child) a{
    padding-left: 0 !important;
}

    Let us know how it goes.

  • Sergei
    August 30, 2023 at 8:42 pm

    Works perfect! Thank you so much!

  • Fernando
    August 30, 2023 at 9:18 pm

    You’re welcome, Goliakov!

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