Hello,
I am trying to optimize website for the mobile view, but whatever I do, there is no space between 2 split layouts, which I obviously want. However I can see that there is a space between the image and text layout, if I add link to one of the layouts*. I have tried margins and paddings, but nothing works.
*layouts in rows 8 and 10 have space
Hey ladefogedpeter,
Are you looking to add more space below the column with the Nibe picture? If so, then please try adding a class or and ID to the column, so that we can target it with custom CSS. If that is not what you are looking to do, then please try to explain your intentions a bit further. If you have screenshots highlighting what you are looking to achieve, then please share those with us as well.
Best regards,
Rikard
Yes,
You can see in screenshot that there is a space between picture and layout with text (2009) – this is what I want.
But there is no space between picture and layout with text (2006)
Hi,
Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.page-id-2005 #av_section_3 .av_three_fourth {
margin-top: 30px !important;
}
}
Best regards,
Rikard
Thank you. It worked
Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
you can close the topic
Hi,
Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard