Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 5, 2022 at 7:42 pm #1371480
    AuroraArcus

    Hello support,

    I used Enfold Spa and filled in the “prices” section which I translated into “Priser”.

    In the mobile version, the prices and products get jammed together on top of each other. Can you tell me how to make the font smaller and keep the nice 2 rows, like on the desktop version?

    Priser

    November 5, 2022 at 8:12 pm #1371484
    Mike

    Hey AuroraArcus,
    Thanks for the link to your page, I see the text overlap began at 1350px and below 400px the padding was adding to the problem so I recommend this css:

    @media only screen and (max-width: 1350px) { 
#top .av-catalogue-title-container {
    font-size: .8em;
    line-height: 1em;
}
}
@media only screen and (max-width: 420px) { 
.responsive #top #wrap_all #av-layout-grid-1 .flex_cell {
    padding: 40px 20px !important;
}
}

    After applying the css, please clear your browser cache and check.
    For tablet and below the font change seems appropriate:
    2022-11-05_006.png
    and for very small mobile devices the added padding change also helps:
    2022-11-05_005.png

    Best regards,
    Mike

    November 5, 2022 at 9:04 pm #1371488
    AuroraArcus

    Amazing! Thank you so much Mike. Works like a dream:)

    November 5, 2022 at 9:43 pm #1371495
    Mike

    Hi,
    Glad we were able to 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 4 posts - 1 through 4 (of 4 total)
  • The topic ‘I used Enfold Spa and I have a problem on mobile…’ is closed to new replies.