At the frontpage of my website i show the last 4 blogpost. On the desktop it works great, but on mobile the images / titels are to close to each other. There is not enough spacing.
Is it is possible to get 1 blogspost in 1 row with enough spacing?
Example:
https://www.dropbox.com/s/6z81yw49ya9z5cp/Schermafdruk%202016-02-11%2009.46.19.png?dl=0
You can find the website at http://www.degrotedag.net
I hope there is a solution :-) Thanks!
Hi skeereweer!
Please add the below code to Enfold > General Styling > Quick CSS
The code will make the blog look similar to the screenshot below.
please enable css class support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add a custom class name and use it with the below code.
@media only screen and (max-width: 480px) {
.custom-class .responsive #top #wrap_all .slide-entry {
width: 100%!important;
}
.custom-class .responsive #top #wrap_all .slide-entry a{
background: transparent!important;
}
}
Cheers!
Vinay Kashyap