Tagged: Grid Rows
Hi,
It appears that some of the grid rows are not showing in full width on mobile (smartphones). Specifically, the testimonials and the logos below them:
https://staging.expresswriters.com As I have the mobile behavior default set.
Also, the header on Google Chrome (the only browser I’ve tested it in) is disappearing when I scroll to these grid rows.
https://staging.expresswriters.com/wp-content/uploads/2014/10/header-disapears.png
Thanks,
Josh
Hi j1980mac!
Thank you for using Enfold.
Please edit the Grid Row element then look for the Mobile Behaviour setting. Choose the first one or the default option.
Cheers!
Ismael
Hi Ismael,
This was set to default from the get-go. I’m not sure why it’s not working…
Thanks,
Josh
Hey!
Please add this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100% !important;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}
Cheers!
Ismael
Hi,
I regret to tell you that it didn’t work. :(