hi there,
There is an extra space on this one element ONLY ON MOBILE. The space is below the orange section with the words “Name dropping is tacky,” I whispered to moses. and the button says ‘SEE MORE PRAISE”.
How do I get rid of it?
Thanks for your help!
Hey groovymarci,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.home .avia-builder-el-56 {
margin-bottom: 0 !important;
}
}
Best regards,
Rikard
That worked! But I have this exact same element on almost every page of the site. So for the About page, the code would be:
.about .avia-builder-el-21 {
margin-bottom: 0 !important;
}
}
Is this correct? It doesn’t seem to be working for the About page…
Thanks again!
Hi groovymarci,
Well, on every page the number here “avia-builder-el-21” can be different so you need to check it on every page.
Or try this code first:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
margin-bottom: 0;
}
}
Best regards,
Victoria
Yes that worked beautifully, thank you!
Hi,
Great, I’m glad that Victorias code is working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
We are good to close the chat. Thank you again for your prompt help!
Hi groovymarci,
Great!
We are closing the thread.
If you need further assistance please let us know in a new one.
Best regards,
Victoria