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.