Header not resizing on mobile
Support desk for Multipurpose Quark Theme
- GK User
- Fri Oct 16, 2015 3:02 pm
Hi,
The problem is that I have a picture in header and would like to be shown on mobile too - resized. How can I do that? I've checked some other replys but it doesnt work for me.
Thank you!
The problem is that I have a picture in header and would like to be shown on mobile too - resized. How can I do that? I've checked some other replys but it doesnt work for me.
Thank you!
-
- Senior Boarder
- teitbite
- Tue Oct 20, 2015 9:22 pm
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.
-
- Moderator
- GK User
- Thu Oct 22, 2015 1:54 pm
yes tnx,
http://www.polimap3d.com/
as you can view the image under the Haier does not fit.
In addition, other strange thing, always on smartphones, the text just below (2 columns), has different margins.
http://www.polimap3d.com/
as you can view the image under the Haier does not fit.
In addition, other strange thing, always on smartphones, the text just below (2 columns), has different margins.
Schermata-2015-10-22-alle-14.50.06.jpg
Schermata-2015-10-22-alle-14.50.25.jpg
-
- Expert Boarder
- GK User
- Sat Oct 24, 2015 1:47 pm
the image is ok now (tnx Cyberek in other post), but as it regards the text do not understand why the second column (in the mobile below), is narrower.
-
- Expert Boarder
- teitbite
- Sun Oct 25, 2015 4:50 pm
Hi
HTML of the content is wrong. Here is how it looks like now:
while it should be:
HTML of the content is wrong. Here is how it looks like now:
- Code: Select all
<div class="gk-cols vertical-center" data-cols="2">
<p></p>
<p></p>
<div>
<p></p>
<p></p>
</div>
</div>
while it should be:
- Code: Select all
<div class="gk-cols vertical-center" data-cols="2">
<div>
<p></p>
<p></p>
</div>
<div>
<p></p>
<p></p>
</div>
</div>
-
- Moderator
- GK User
- Mon Oct 26, 2015 9:27 am
tnx
-
- Expert Boarder
- teitbite
- Mon Oct 26, 2015 3:35 pm
Hi
To @ ladybug.6
Add this code to override.css:
To @ ladybug.6
Add this code to override.css:
- Code: Select all
@media only screen and (max-width:840px) {
#gkHeaderMod img {
left: 0;
top: 0 !important;
transform: none;
}
}
-
- Moderator
- GK User
- Wed Oct 28, 2015 2:29 pm
Thank you! It's ok now!
Best regards!
Best regards!
-
- Senior Boarder
- teitbite
- Wed Oct 28, 2015 7:26 pm
Hi
I've just found Your PM about "k2-information", "k2-media-manager" being added to urls. It can only happen if You have a category or menu item with such alias, so please make sure such element is deleted even from trash.
I've just found Your PM about "k2-information", "k2-media-manager" being added to urls. It can only happen if You have a category or menu item with such alias, so please make sure such element is deleted even from trash.
-
- Moderator
9 posts
• Page 1 of 1