Customization template mobile (css)

Hi,
I want to decrease <h1>Адамекс Барлетта Adamex Barletta</h1> and <span class="PricesalesPrice">6,930,000 p.</span> in mobile version (see attachment).

Help me please.

url: http://www.rebenki.by/shop/adamex-barletta-detail

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:820px) {
.productdetails-view h1 {
    font-size: 20px;
}
span.PricesalesPrice {
    font-size: 17px;
}
}


It works, thx!

P.S. As far as I know I could add the code to small.tablet.css (/templates/gk_storebox/css) without @media and it works too:

/* VM */
.productdetails-view h1 {
font-size: 14px;
}
span.PricesalesPrice {
font-size: 16px;
}

Hi

Yes You can use it in small.tablet.css, but during template update this fill will be overwritten and You will loose this customisation. It's safer to use "media" and place code in override.css or even Custom CSS field in template configuration.

Thank you!

Hi


Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro