Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 26, 2020 at 3:45 am #1255598
    devmeydes

    Columns set to display individually displaying side by side on mobile. It’s also affecting the footer display on mobile. this issue is only on the homepage. I’ve checked the custom CSS, the row display settings, I can’t find the issue. I did notice on the console that bootstrap.min.css couldn’t be found but, I don’t know how to fix that.

    October 26, 2020 at 4:38 pm #1255764
    Nikko

    Hey devmeydes,

    I tried to login with the credentials you gave however it doesn’t work, please check.
    The error from the console points to bootstrap.min.css, however, I’m not sure if that’s in a child theme (if you have one) or in one of the plugins.
    Please try to temporarily disable all the plugins and check if it fixes the issue, if yes, then enable them one by one to know which one is causing it.

    Best regards,
    Nikko

    October 28, 2020 at 8:50 pm #1256485
    devmeydes

    I’ll take a look. I made a new login just for Tech Support. Can you take a look, please?

    October 28, 2020 at 10:53 pm #1256533
    devmeydes

    Turning off all plugins didn’t help.

    October 29, 2020 at 5:51 pm #1256827
    Nikko

    Hi devmeydes,

    Thanks for the admin access.
    I have added this CSS code in your Quick CSS to fix it:

    @media only screen and (max-width:767px) {
  .home #av-layout-grid-9 {
    display: block;
  }

  .home #av-layout-grid-9 .av_one_third {
    width: 100%;
    display: block;
  }

  .home #av-layout-grid-9 .av_one_third .flex_cell_inner > .hr {
    display: none;
  }

  #top.home #footer .container,
  #top.home #socket .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  #top.home #footer .container .av_one_fourth {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
}

    Best regards,
    Nikko

    October 29, 2020 at 9:42 pm #1256878
    devmeydes

    Ok great!!! thanks that fixed it.

    October 30, 2020 at 2:11 am #1256942
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Columns set to display individually displaying side by side on mobile’ is closed to new replies.