Quark Main Page fix

Hi!

Is it possible to fix the main module text to allign it left but to get it shown nice on mobile devices...
I have align it to left but it is not full left side...
Webpage is: www.sanitarac.com/opg

Code: Select all

<p><img src="images/background_modules/naslovna_1.s.jpg" alt="opg sojč permakulturni uzgoj u hrvatskom zagorju" class="parallax-img" /></p>
<div class="gkStoreInfo">
<div class="gkStoreHeader" style="text-align: left;"><span style="color: #ffffff;"><big data-sr="enter top and move 50px and wait .25s">OPG SOJČ</big></span>
<h1 data-sr="enter top and move 50px and wait 0s"><span style="color: #ffffff;">PERMAKULTURNI UZGOJ U HRVATSKOM ZAGORJU</span></h1>
</div>
</div>
<div class="gkStoreInfoAdditional" style="text-align: left;"><strong><span style="color: #000000;"><big data-sr="enter top and move 50px and wait .25s">OPG Sojč</big></span>&nbsp;Permakulturni uzgoj u Hrvatskom Zagorju e-mail: <a href="mailto:[email protected]">[email protected]</a>&nbsp;FaceBook:<a href="https://www.facebook.com/Radost-prirode-684348358352734/" target="_blank"> Radost prirode</a>&nbsp;GSM: 098.251.204.</strong></div>

Hi

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:1050px) {
.gkStoreInfo {
    padding: 0 50px;
}
}