Index header Image not visible in "cell phone"

Hi again,

I have Quark Ecommerce template.

The problem:
Header image in the index (the sculpture) is not visible in the mobile , or cell view.

The target:
I'd like to see the image (sculpture) from cell or mobile. In the index header.

URL: liamvasik.com

Thank u again for ur support.

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:500px) {
#gkHeaderMod .gkStoreImage {
    display: block;
    margin: 40px auto 0;
}
}


Thank you TEITBITE, I did what you said, but in portrait mode, I still cannot see the image "Sculpture" .

I can see it properly only if I see it in landscape mode.

Any Idea how to see it also in portrait mode? No mather if the image becames small. (Better something small than nothing).
thak you!

URL: [url]liamvasik.com[/url]

Hi

Actually code wasn't working since got overwritten by mobile.css try replace it with higher priority one:

Code: Select all

#gkHeaderMod .gkStoreImage {
    display: block !important;
    margin: 40px auto 0;
}


Hi Teibite,

your solution was fine for mobile, but now the problem is that the "image" (sculpture) is too small when surfing from desktop computer or big screen.

Could be possible to see as it is now only from small devices in portrait mode, and as it was previously from big screens?

Thank you very much for your support.

We are very close!

Hi

I meant to replace my code inside @media condition, so full code with @media condition will look like this:

Code: Select all

@media only screen and (max-width:500px) {
#gkHeaderMod .gkStoreImage {
    display: block !important;
    margin: 40px auto 0;
}
}