Allslider font

[ccdfx]

Greetings, I have a question about Allslider’s font. Is there a way to make the mobile version responsive to the smaller screen size while retaining the size of the font in a desktop? When I put in a headline (H1), and it looks good on my laptop screen, but when I look at it on the phone, the font is too big. It was almost as if the font didn’t adjust to a smaller screen. Please let me know if there is a way to force it to resize depending on the device or screen size. Thank you.

[7Theme Support]

Hi, what theme do you use?

[ccdfx]

I’m using Strong 1.08. The website in question is at: https://www.kevinwing.live/

On the desktop, the font is okay (the client does want it enlarged). If you look at is on a mobile device (iphone for example), the font is on the top of the slider and not centered. So when you enlarge the font size, then it doesn’t even fit. How do I rectify this? Enlarged on the desktop but properly responsive when look at on a mobile device?

[7Theme Support]

Ok, there are no theme options to change this, but with some lines of CSS code you can change it. Please add the following CSS code at the end of your style.css file:

@media only screen and (max-width: 479px) {    
    #slideshow_header h2 span, #slideshow_header h3 span {
        font-size: 14px !important; /* PLEASE CHANGE THE FONT-SIZE HERE */
        line-height:1;margin-top:0;}
    .cylce_element_content {display:flex;align-items:center;justify-content:center;margin-top:0;}
    .cylce_element_content > div {top:0;}
    .cycle_element h2, .cycle_element h3, .cycle_element p, .cycle_element a {margin-top:0;}
}

We set the font-size to 14px, you can change it if you want (see notice in the code above).

[Author]

Posts