Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 1, 2017 at 8:15 am #846680
    Malene123

    Hi,

    When you enter my site on a mobilephone, the sidebar is placed below the content. But when I use an ipad, the sidebar is shown in the right side of the page. This doesn’t look good, and I’d like to have it shown below the content, as on the mobile.

    I’ve tried to use various codes that I’ve found here in your support forum in the CSS , but none of them seems to work (and yes, I have tried clearing he cache :-)). The latest one I used is this one:

    @media only screen and (max-width: 1023px) {
    .flex_column {
    width: 100%!important;
    margin-left: 0!important;
    }}

    Any idea what to do?

    September 1, 2017 at 11:04 pm #847015
    Yigit

    Hey Malene,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 1024px) { 
.container .av-content-small.units { width: 100% !important; border; none !important; }}

    Best regards,
    Yigit

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