Fullwidth block

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 16, 2015 at 7:56 am #519694

laboratoricreatiu
Participant

Hi,

how I can make a full width block on this page? I Can’t extend the content (skyline)
http://accesvertical.es/wpx/?page_id=825

I tried your solution (Quick CSS), but the skyline is boxed. And I need make this block responsive, adapt the content to the window width.

Thanks!

October 16, 2015 at 4:09 pm #520096
Yigit
Keymaster
Hey!

For future reference, you can refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/

For now, you can simply change your code to following one
```
div#fullwidthcolorsection .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
```
Regards,
Yigit
October 18, 2015 at 7:32 am #520527

laboratoricreatiu
Participant

Thanks Yigit,

but full width don’t works right in mobile resolutions.

Do you know any solution?

October 19, 2015 at 9:44 am #520776
Ismael
Moderator
Hey!

Please add this in the Quick CSS field:
```
@media only screen and (max-width: 767px) {
.responsive #wrap_all #fullwidthcolorsection .container {
    width: 100%;
    max-width: 100%;
}
}
```
Cheers!
Ismael
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter