Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2014 at 9:36 am #321759
    finchkelsey

    None of the pages with sidebars are mobile responsive..please advise!

    I have enable sidebar on mobile checked in Enfold settings. Sidebar is displaying below content but content is not responsive when a sidebar is active on the page.

    Pages without sidebar are responsive on mobile and tablets.

    September 19, 2014 at 12:36 pm #321835
    Ismael

    Hi finchkelsey!

    Thank you for using Enfold.

    You added a custom css that breaks the container:

    .responsive .container .nine.units {
width: 700px;
}

    Add this at the very bottom:

    @media only screen and (max-width: 767px) {
.responsive .container .nine.units {
width: 100%;
}
}

    Regards,
    Ismael

    September 19, 2014 at 6:55 pm #322067
    finchkelsey

    Oh my, thank you for that.

    When the site is on mobile landscape/horizontal the grid blog 3 in a row breaks into 1 larger thumb on one row and two smaller thumbs on another row. How can I get these to scale proportionately so they remain three on a row?

    http://www.actiondoorltd.com/doors/garage-doors-residential/

    Thank you

    September 20, 2014 at 8:46 am #322237
    Ismael

    Hey!

    You can try this:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .avia-content-slider-even .slide-entry.slide-parity-odd, .responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
margin: 0;
clear: none;
float: left;
}

.responsive #top #wrap_all .slide-entry {
width: 30%;
margin-left: 4%;
}
}

    Regards,
    Ismael

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