-
AuthorPosts
-
October 8, 2019 at 5:27 pm #1146226
Hi,
I made on all my pages a grid row in orange with white headlines inside. On the desktop version it looks perfect but mobile is always a big space under the headline.
Somebody knows why?Many regards,
rixiOctober 9, 2019 at 6:34 am #1146392Hey rixi,
Do you mean under the last column, the one which only has an orange border? I can see a space under that, but it’s not very big. Maybe you could post a screenshot highlighting the problem?
Best regards,
RikardOctober 9, 2019 at 8:55 am #1146424This reply has been marked as private.October 9, 2019 at 1:17 pm #1146512Hi,
Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:
#after_submenu_2 .content { padding-top:0 !important; }
Best regards,
RikardOctober 9, 2019 at 2:11 pm #1146519Hi Ricard,
thank you! I put the code in but the space under the headline is still there.Many regards
rixiOctober 10, 2019 at 6:17 am #1146742Hi,
I can’t see it anymore on my end, did you clear your local browser cache and reload the page? You could also try to load it in an incognito window.
Best regards,
RikardOctober 10, 2019 at 8:54 am #1146780Hi Rikard,
I cleared the cache on my handy in chrome, on the pc everything is ok, but still after clearing the cache there is this bigger spacein theat orange box under the headlines on my handy.Many regards
rixiOctober 11, 2019 at 5:55 am #1147016Hi,
See private for what I’m seeing on my end, what exactly do you want to change?
Best regards,
RikardOctober 11, 2019 at 9:21 am #1147060Hi Rikard,
i ment that space/distance that is under the words Fahrschule geht. That is bigger than the space over the words Dein Weg in die mobile Zukunft führt.
And that space is on every page. You think its possible to get that changed so that over and under the writing is the same space?Thanks a lot for your help! You are all reallly helpful in this forum! And i love to work with enfold. it is a great theme.
Many regards rixi
October 12, 2019 at 1:42 pm #1147343Hi,
Please try this CSS instead:
@media only screen and (max-width: 767px) { .home #av-layout-grid-3 .flex_column av_one_full { margin-bottom: 10px !important; } }
Best regards,
RikardOctober 12, 2019 at 3:48 pm #1147412This reply has been marked as private.October 13, 2019 at 5:53 am #1147512Hi,
Did you select to delete the old CSS and JS files under Enfold->Performance?
Best regards,
RikardOctober 14, 2019 at 8:52 am #1147748This reply has been marked as private.October 14, 2019 at 1:46 pm #1147841Hi,
Try this instead:
@media only screen and (max-width: 767px) { .home #av-layout-grid-3 .flex_column { margin-bottom: 10px !important; } }
Best regards,
RikardOctober 14, 2019 at 2:08 pm #1147849Hi Rikard,
great! That worked on the “home” page but its still on the other pages. Is there a code that works for all the pages?Tahnk you,
rixiOctober 15, 2019 at 1:05 pm #1148055Hi,
You can try this instead:
@media only screen and (max-width: 767px) { #av-layout-grid-3 .flex_column { margin-bottom: 10px !important; } }
If that doesn’t work then please give you grids a class in the developer tab, then you should be able to use this:
@media only screen and (max-width: 767px) { #av-layout-grid-3 .your-class .flex_column { margin-bottom: 10px !important; } }
Best regards,
RikardOctober 16, 2019 at 7:29 pm #1148586Hi Rikard,
great! Thanks a lot :)Many regards
rixiOctober 16, 2019 at 8:29 pm #1148647Hi rixi,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.