Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter fpaz

    (@fpaz)

    For other users of the theme. This is what I added in the CSS:

    @media only screen and (max-width:939px) {
    .slider-content-wrap h2 {
    	font-size:16px !important;
    }
    }
    
    @media only screen and (max-width:939px) {
    .slider-content-wrap {
    	font-size:9px !important;
    }
    }
    Thread Starter fpaz

    (@fpaz)

    I have been testing somewhat more with the provided CSS code, and it seems that it offers a solution. I added the provided CSS code twice:
    a line for the h2 text, and a line for the normal text. This way the site responds better to tablet screen sizes. I think I need to add some tweaks here and there, but it’s certainly better now.

    Thank you very much “Softound Solutions”!

    Thread Starter fpaz

    (@fpaz)

    No, I removed the code after testing it. I just tested it again with the code added in the CSS, but the slider text doesn’t behave differently.

    I took a closer look with the Responsive design testing option in the Firefox development tools. What I see is that the text does scale somewhat, but not enough. What happens is that the image scales fluidly, and with shrinking the screen to for instance a tablet resolution the text does scale a bit, but still dissappears out of the visible area of the slider.

    I just added some text in the first slide on my live homepage. When you look at it on a computer screen it is fine. On a tablet it’s visible for a part.

    Thread Starter fpaz

    (@fpaz)

    Hi, thanks for the input 🙂
    I added your CSS code to the “additional style” field in the theme, but it doesn’t work… No difference.

Viewing 4 replies - 1 through 4 (of 4 total)