Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi guys,
I have included features to my website. They look good in desktop version. But the vertical distances are too big in mobile version. This looks bad and forced me to scroll to much. I tried different things, but I can’t seem to change the vertical margins or paddings between these features. Can you show me what code I need to change for this?
passoenpeigham.nl
Thank you.
Gr. Passoen
Hi Passoen,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@media (max-width: 520px){ .sow-features-feature { margin-bottom: 40px !important; } }40px is the default amount so you’ll need to reduce this amount to see a difference after adding this CSS.
You might also need to install the SiteOrigin CSS Editor.