Hi Folks,
new question: how do I get the distance between two elements smaller in
the mobile view? Please take a look on the screenshot.
For my taste the distance is to big; I want it smaller. So, which css-snippet
do I need? :-) Thx for your help!
Best regards
Carsten
Hey Carsten,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-icongrid-flipbox li article {
min-height: 200px !important;
height: 100px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
thx for your fast reply! Your snippet works very fine! But… ;-)
Please take a further look on the new screenshot. Why is
the one distance smaller than the others? It’s only at one box.
Thx for your further help!
Best regards
Carsten
Hi Carsten,
The blocks are 318px but the icon titles that have 2 lines make the white box taller than the others and so the distance seems smaller.
Best regards,
Victoria
Hi Victoria,
thx for your new reply! Aaah…of course, that’s the explanation.
Just easy if you know it! :-) With a little logical thinking, I could
have figured it out for myself, couldn’t I?
Many thx again and see you soon…have a nice week!
Best regards
Carsten
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Please bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Basilis