Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #340284

    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

    • This topic was modified 9 years, 5 months ago by j1980mac.
    #340494

    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

    #340495

    Hi Ismael,

    This was set to default from the get-go. I’m not sure why it’s not working…

    Thanks,
    Josh

    #340896

    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

    #340902

    Hi,

    I regret to tell you that it didn’t work. :(

    #340906

    Hey!

    Did you add any modifications on the child theme? I can’t reproduce the issue on my end. The grid cells are responsive as expected. There are tons of plugins installed, please delete unnecessary plugins then disable the others temporarily.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.