Text of the module "Header" in the mobile devices...

Hi, from a test I realize only now that part of the text of the module "Header" in the mobile devices disappears, specifically this text:
<Div class = "gkStoreInfoAdditional"> <strong> Chiama ORA </ strong> & nbsp; <a href="Tel: +39 085 943 3779"> (+39) <strong> 085 943 3779 </ strong> </a> <br /> <br /> Aperto 24 ore <strong> Miglior Prezzo Garantito < / Strong> Spedizione Gratuita </ div>
Any possible solution ?, thank you, greetings. René

Hi

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

Code: Select all

#gkHeaderMod .gkStoreInfoAdditional {
    display: block !important;
}


Hi, thank you for you answer. I confirm that the code works, I mean: The text that was not present before, now appears. Only that the button with the "PRODOTTI" overlaps with the rest of the text and depending on the position of the phone, sometimes it is not seen, or it looks only half. The problem is basically when the phone is placed horizontal position, where in addition to these problems I have noticed that a part of the text, to the right, is covered by the images in the foreground. Any possible solution ?, thank you, greetings. René
* I sent you a photo, thank you.

MOBILES_SCREEN_17.jpg

Hi

That's exactly why it was removed

Try this:

Code: Select all

@media only screen and (max-width:800px) {
#gkHeaderMod {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
}

.gkStoreInfoAdditional {
    bottom: 0 !important;
    position: relative;
}
}