Hello together,
I’ve got a problem. My website looks fine in Desktop version, but awful in mobile version.
The reason for this is, that I often use layout elements with 10% padding-left and 10% padding-right. The Desktop version works perfectly, but on the mobile version that’s too much wasted space.
Is it somehow possible to set the padding on mobile version everywhere to 0%?
Thanks in advance,
Leo
Anybody has got a solution? :?
Hey!
Posting again on a topic, does bring it to the bottom of the line.
To assist you better, we will need to check your web site and also show us with a screenshot, which area you want to change or you are not satisfied.
Thanks a lot for your time and patience
Best regards,
Basilis
Hey!
Thanks for your answer.
Here are the dates:
Thank you so much in advance!
Have a nice evening,
Leo
Hi,
Please try the following in Quick CSS under Enfold–>General Styling:
.home .avia-builder-el-20 {
padding: 0px 0% 0px 0% !important;
}
Thanks,
Rikard
Unfortunately, it doesnt change anything. :(
Hi,
Please send us screenshots of what you would like to remove or change so that we can understand better what you are looking to achieve. We might need access to the backend as well if you could send login details in private as well.
Thanks,
Rikard
Okay, see below!
We want to remove the padding in the mobile version (marked in the screenshot with the aid of arrows).
Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100% !important;
max-width: 100% !important;
}}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS
.responsive #top #wrap_all .flex_column
{
margin: 0;
margin-bottom: 0px;
width: 100%;
}