media on tablet

[merlojh]

On the home page https://www.theorganicwinecompany.com/ there are four buttons below the bottles that do not size on tablet four columns? John

[scrambler]

Text does not scale, images do.

The easiest way if to create the buttons as images

[merlojh]

Not having time to do the buttons is there anyway to size them with media queries? john

[scrambler]

Put a class on the text and read the Section called “Responsive text” of the article below to use CSS to scale the text with the browser

Responsive Sizing: Two little known CSS properties – Weaver Xtreme Guide (weavertheme.com)

 

[merlojh]

tried this but did not work .button-two {font-size:calc(10px + 2vw);}

[scrambler]

Almost there 🙂

.button-two {font-size:calc(6px + 0.5vw) !important;}

[merlojh]

Thanks that great! John

[Author]

Posts