On this site https://stichtingyalla.nl/ you can see when you scroll down to the title “Het bestuur” beginning with “Raja Alouani” that on mobile this gets not enough space. On desktop it takes three columns, but on mobile only one column, which I can understand because of the responsiveness, but why doesn’t it take all the space in the screen? Even some words don’t fit.
Hey dorisb123,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .av-break-at-tablet .flex_cell.no_margin {
padding: 20px !important;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike