-
Posts
-
After the latest Enfold updates, I have had trouble and have to clean up server pages that I have used paddings on in Grid Row sections (I prefer this to the color section), because they now look too narrow on mobile.
This is for me a huge problem because I hav loots of pages to go over then.
Is there a quick fix to this, or can you set this back to the way it was before on the next update?
Hey limedrop,
Did you check your settings in the Responsive tab in the element options? If you need further help, then please post a link to where we can see the actual problem.
Best regards,
RikardI am having same issue. We have a single grid row with the cell padding set to left 150px and right 150px – this looks great on desktop, but on mobile its making my cell width very slim due to the added space now showing on mobile (this space was previously hidden on mobile before recent update)
example on mobile: https://justpaste.it/8n1lxI tried different options in the settings for Responsive and element options – I would not want to hide this on mobile because then my content would also be hidden – I want the left and right padding that I added to be hidden on mobile.
I tried adding in a couple different quires but nothing seemed to work including
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin {
padding-left: 0% !important;
padding-right: 0% !important;
}
}—
I see .responsive #top #wrap_all .flex_cell.av-aqwgup-0732b287ae652ef07ac68f9de495f722 {
padding: 10px 150px 60px 150px !important;
}and tried doing
.responsive #top #wrap_all .flex_cell.av-aqwgup-0732b287ae652ef07ac68f9de495f722 {
padding: 10px 20px 60px 20px !important;
}I also tried
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_cell.av-aqwgup-0732b287ae652ef07ac68f9de495f722 {
padding-left: 0% !important;
padding-right: 0% !important;
}
}but it appears my !important; is being overwrote possibly?
- You must be logged in to reply to this topic.