Containers don’t inherit padding and margins properly
-
This has been winding me up for months and months now
If you set the padding or margins on a container to EMs, they don’t properly inherit to the tablet or mobile sizes.
If I create a container and set 2em padding on it. It will display 2em padding on desktop, but often instead do 2px on table and mobile.
If you go into the block, swap to tablet or mobile you USED to see a blank box and the px setting set (when it should be set to EM) . If you click on EM, it will update and the margins will start to work. If you save it then, they’d work, but something will reset this later on meaning you need to go back and either click EM again, or just manually put the number in. (I’m guessing when it rewrites out the stylesheet it resets it?)
In a recent release, the boxes are now populated with the values from the desktop size, but in light grey. THEY STILL DO NO INHERIT THE PX/EM setting properly
I’ve just had to go through EVERY container on a site and apply padding and margins in tablet and set it to EMS when this should just be inherited.
Please lok at this. I’ve had to deal with this on about 10 sites over the past few months, so it’s not a one off. Standard set up is: Spectra, Astra, Astra Pro, Wordfence, Forminator, Complianz.
- You must be logged in to reply to this topic.