-
Hello,
I made a new website and transfered the GP settings from an already working site.
However, I noticed that on mobile there is too much blank space on the homepage between the logo and the content. On other pages everything is okay.
Can you check what’s causing this, please?
-
Hi there,
I see that some stylesheets cached by LiteSpeed are being loaded. Could you try purging those caches to see if it fixes the layout issue?
-
I purged. No change.
-
Hi there,
can you disable the litespeed cache so we can take a closer look
-
I disabled it.
-
Try this CSS:
@media(max-width: 768px) { .entry-header:not(.entry-header:has(*)) + .entry-content { margin-top: 0; } } -
Thanks, Ying!
This works for the empty space below the logo and the content, however above the logo and the top bar there’s still a lot of empty space. Can we reduce it like the original website I copied the settings from? It’s in the private area.
-
Hi there,
Try adding this CSS:
nav#mobile-header > div.inside-navigation { margin-top: -25px; } -
This works but it broke the sticky bar. The logo gets cut.
-
You can adjust the
margin-topvalue accordingly. Somewhere between-10pxto-20px. -
Doesn’t work. Please provide another solution :/
-
I don’t see the issue anymore, are you seeing the same?
https://app.screencast.com/MRBR6mzrp2yd2 -
It’s hindering the display of the sticky bar. Check it out and I will remove it.
-
1. Remove this CSS:
nav#mobile-header > div.inside-navigation { margin-top: -20px; }2. Select the container with text “Livrare GRATUITĂ peste 199 LEI + CADOU SURPRIZĂ peste 299 LEI”, set
positiontorelative,z-indexto101,margin-bottomto-1.5emto offset the margin comes with the paragraph. -
.
-
what?
- You must be logged in to reply to this topic.