-
Posts
-
Hi,
I am trying to “polish” a website, that was done in 2017 based on this demo: https://kriesi.at/themes/enfold-health-coach/
His old webmaster has vanished – and Client just want minor changes, do we decided to go on with that.Issues with padding and 1/2 + 1/2 rows: using 100 px padding seems fine on desktop monitors. But apparently the padding is the same on mobiles – so we have loooong thiiiin copy blocks.
Another issue with 1/4 + 1/2 + 1/4 rows: using no padding for the 1/2 section of the row results in no padding on mobiles.
When using photos as background for sections – how can I make sure, that they are displayed well on desktops and mobiles?
So far for tonight, best,
JörgHi,
Thank you for the inquiry.
You can adjust the padding of the columns on different devices by modifying the Layout > Padding > Inner Padding settings. Each device has its dedicated icon and fields where you can specify the padding value. Please ensure that you have updated to version 5.6.2.
Best regards,
IsmaelHI, thank you. Is there any chance to do this without touching each and every section? Can this be done by modyfing the css?
Are there any demos that show “appropiate behavior” i.e. responsiveness right from the beginning? Would be good to know if I should consider using Enfold in other projects?
And yes, the layout site is running on 5.6.2 – only the “old” site, that will be replaced soon, still runs on 4.x.
Best, Jörg
Hi Jörg,
On a new project you can use Custom Elements.
As for existing projects, then try to use this CSS code:@media only screen and (max-width:980px) { .responsive #top #wrap_all .av-layout-grid-container .av-gridrow-cell { padding-bottom: 60px !important; } }Just change the value of padding-bottom as you see fit.
Hope it helps.Best regards,
Nikko
- You must be logged in to reply to this topic.