Tagged: padding
Hi,
First off, thank you for a fantastic theme! We’re currently having problems with making a website look similar on the web and on mobile.
The issue is: We have a column, which has an image inside it. We simply cannot make it look similar on the web and on a mobile – the spacing is different (top and bottom). See the images below – right now, the mobile looks fine, but on the web, the spacing is way off on top of the image/column.
How can we make it look on the web, as it currently looks on the mobile. If we play around with the settings, we always end up having it looking nice on either the web or mobile, but not both at the same time.
Our current column/row settings (in which the image resides)
PC: How it currently looks like – notice the tiny space on top, between the above sections.
Mobile: How it currently looks like – this is how it should also look like (space wise) on the PC
We hope you can help us along the road from here – thank you :-)
Hi Xperten,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
I have posted the link of the particular page in question :-)
Hi,
Sorry for the late reply, please try the following in Quick CSS under Enfold–>General Styling:
.page-id-468 .avia-builder-el-5 {
padding-top: 30px !important;
}
Best regards,
Rikard
Absoutely fantastic Rikard,
It works like a charm – All is great again, and the thread can be closed as solved :-)
(have a great day!)