Forum Support

Shape 5
March 28, 2024, 01:03:39 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Font and picture size in mobile version  (Read 1326 times)
sander1984
Jr. Member
**
Offline Offline

Posts: 3



« on: July 30, 2016, 04:30:47 AM »

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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: July 30, 2016, 06:53:44 PM »

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;
}
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sander1984
Jr. Member
**
Offline Offline

Posts: 3



« Reply #2 on: July 31, 2016, 05:20:40 AM »

Thanks for the quick reaction.

Question 2 is solved Smiley 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: August 01, 2016, 07:59:28 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
sander1984
Jr. Member
**
Offline Offline

Posts: 3



« Reply #4 on: August 01, 2016, 08:10:37 AM »

Super, that is the trick! Many thanks.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: August 01, 2016, 09:06:54 PM »

Let us know if you have any further questions!
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.