Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 10, 2021 at 12:57 am #1332201
    Monique

    Hi There,

    I have an issue where I created food menus and on mobile devices, some of the items are overlapping with the prices and are hard to read. I tried some of the different CSS codes I found throughout the forum but nothing has worked so far. Can you please take a look and suggest CSS that will work?

    Thanks,
    Monique

    December 10, 2021 at 7:09 am #1332244
    Rikard

    Hey Monique,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.av-catalogue-price {
    position: inherit;
    float: right;
}
}

    Best regards,
    Rikard

    December 10, 2021 at 7:38 pm #1332372
    Monique

    Thank you Rikard. That did the trick!

    Have a good weekend.
    Monique

    December 11, 2021 at 6:42 am #1332392
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 11, 2021 at 10:41 pm #1332440
    Monique

    You can close it. Thank you.

    December 12, 2021 at 12:13 am #1332445
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Catalogue menu items on mobile device is overlapping’ is closed to new replies.