Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 15, 2022 at 7:04 pm #1355376
    0_o

    Hi, for some reason, a few months ago my full-screen sliders started to show the desktop-view font size instead of the mobile-view font size, by using Chrome’s inspection tool, it looks like it takes the mis-configuration from this file: avia_posts_css/post-1031.css

    June 15, 2022 at 8:25 pm #1355394
    Rikard

    Hey 0_o,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    June 15, 2022 at 10:09 pm #1355406
    0_o

    There you go

    June 16, 2022 at 11:00 am #1355458
    Rikard

    Hi,

    Thanks for that. I see that you have specified a font size for the desktop version in the element options, but not for any other screen sizes. If no selection has been done for other screen sizes, then the last specified will be used.

    Best regards,
    Rikard

    June 16, 2022 at 12:52 pm #1355485
    0_o

    Hi Rikard, thanks for checking it so quickly.
    Until a few updates ago, the mobile view used the “default” setting which is much smaller and if you use Chrome Inspection Tool and uncheck the “avia_posts_css/post-1031.css” setting manually, you’ll see how it used to look like.

    I have that setting in a few pages and honestly it would be a bit of a hassle to go to each one of them and set a new mobile view font. Is there a way to change them all at once? Maybe to set a default size for mobile view that will override the desktop view font size?

    Thanks!

    June 16, 2022 at 2:30 pm #1355501
    Rikard

    Hi,

    Your can use custom CSS for that if you like. Let us know which pixel sizes you would like to use, and on which screen sizes.

    Best regards,
    Rikard

    June 16, 2022 at 2:37 pm #1355503
    0_o

    Hi, I think that both the caption and description would look fine at 40px on mobile and tablet. Thanks!

    June 16, 2022 at 4:25 pm #1355516
    Rikard

    Hi,

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

    @media only screen and (max-width: 1024px) {
h2.avia-caption-title {
  font-size: 40px;
}
}

    Best regards,
    Rikard

    June 16, 2022 at 4:34 pm #1355518
    0_o

    It didn’t change anything, it’s still 65px on mobile as you can see in the link below

    June 16, 2022 at 5:18 pm #1355527
    Rikard

    Hi,

    Try this instead:

    @media only screen and (max-width: 1024px) {
h2.avia-caption-title {
  font-size: 40px !important;
}
}

    Best regards,
    Rikard

    June 17, 2022 at 1:04 am #1355552
    0_o

    Perfect. Thank you!

    • This reply was modified 2 years, 4 months ago by 0_o.
    June 17, 2022 at 10:10 am #1355571
    Rikard

    Hi,

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

    Best regards,
    Rikard

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