Shape 5

Hi,

Great script, in a few weeks I have my site running!

The normal version is perfect but the mobile version need's attention.

There are two things that I can't figure out:

1. The font size in a mobile version of my internetsite in a Virtuemart envoirment are to big? How can I get the font size smaller in a mobile version?
2. The picture size in a mobile version of my internetsite in a Virtuemart envoirment are to small? How can I get the picture size larger in a mobile version?

I now you guys do not sell Virtuemart.... but there must be a simple trick to get this going?

Like to hear from you and thanks in advance.

Sander from Holland.

Info:

Zoka version: latest
Joomla version: 3.6
Internetsite: https://www.onderschot.nl/pages/no-1-whisky-glas

Hello,

1. The font size looks pretty normal to me on mobile. If you want to change it you can try adding the following into s5_responsive.css under the 970px section:

body {
font-size:0.8em !important;
}

2. That's due to VM's styling. You can try adding the following to custom.css:

@media screen and (max-width: 600px){
.vm-product-container .vm-product-media-container {
width:100% !important;
}
}

Thanks for the quick reaction.

Question 2 is solved :) but question 1 needs a bit attention. If you place this in s5_responsive.css under the 970px section:

body {
font-size:0.8em !important;
}

the font size of the frontpage is gettin smaller but the font size (a h1) is not gettin smaller on the https://www.onderschot.nl/pages/no-1-whisky-glas. (The font size of the frontpage is perfect!)

In the first post I made a print screen of the font and it's really big. The text: Bullet Stopping Glasses No.1 Whiskey Glass is on 4 lines and the letters are huge.

Like to hear from you and thanks in advance.

Sander from Holland.

Info:

Zoka version: latest
Joomla version: 3.6
Internetsite: https://www.onderschot.nl/pages/no-1-whisky-glas

Hello,

Your url doesn't work. If you want to change h1s and h2s you would use:

h1, h2 {
font-size:0.8em !important;
}

I would suggest using Firebug to identify the css for each area.

Super, that is the trick! Many thanks.

Let us know if you have any further questions!