-
xameleon
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?
-
Alvind
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?
-
xameleon
I purged. No change.
-
Hi there,
can you disable the litespeed cache so we can take a closer look
-
xameleon
I disabled it.
-
Try this CSS:
@media(max-width: 768px) { .entry-header:not(.entry-header:has(*)) + .entry-content { margin-top: 0; } }
-
xameleon
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.
-
Alvind
Hi there,
Try adding this CSS:
nav#mobile-header > div.inside-navigation { margin-top: -25px; }
-
xameleon
This works but it broke the sticky bar. The logo gets cut.
-
Alvind
You can adjust the
margin-top
value accordingly. Somewhere between-10px
to-20px
. -
xameleon
Doesn’t work. Please provide another solution :/
-
I don’t see the issue anymore, are you seeing the same?
https://app.screencast.com/MRBR6mzrp2yd2 -
xameleon
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
position
torelative
,z-index
to101
,margin-bottom
to-1.5em
to offset the margin comes with the paragraph. -
xameleon
.
-
what?
- You must be logged in to reply to this topic.