Hi! I need your help.
I want to place a partner / logo element for some squares of textures. On the computer it looks perfect, but on mobile the squares appeared one below the other. [Image 1]
Then I added the following code (I saw it in another person’s query):
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even,.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd {
clear: none !important;
}
.responsive #top .avia-smallarrow-slider .flex_column {
margin: 0px!important;
width: 25%!important;
}
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry {
clear: none !important;
}
}
Now the squares are already good size, but at the sides there is a great distance between them. [Image 2]
Can you help me give a smaller distance?
Now also the distance that there is one from below another is too small. [Image 3]
Thank you!!!
Angelo
(sorry for my english)
Hey Angelo_Sule,
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
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding-left: 1% !important;
padding-right: 1% !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Solved! Thanks!
Have a good week!! ;)
Angelo
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon