Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1355376

    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

    #1355394

    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

    #1355406

    There you go

    #1355458

    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

    #1355485

    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!

    #1355501

    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

    #1355503

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

    #1355516

    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

    #1355518

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

    #1355527

    Hi,

    Try this instead:

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

    Best regards,
    Rikard

    #1355552

    Perfect. Thank you!

    • This reply was modified 2 years, 5 months ago by 0_o.
    #1355571

    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

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