Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 2, 2016 at 11:12 am #641949
    gemekiwei

    Hi guys,

    I know that there are several posts with almost the same issue. I read them but none of the suggested code snippets in the other topics helped.

    Ok, here’s our issue: we’re using a grid blog (2 columns) element with a right sidebar on our main blog page (see link below). The only elements (1x heading element, 1x Whitespace seperator, 1x blog post element) on this page were created with Avia Layout Builder. Unfortunately the grid didn’t change to 1 column on mobile devices (tested with “Responsive Web Design Tester”-Addon for Chrome and with a Sony Xperia Z3). Instead it just scales the two columns, which is not very pretty ;)

    I tried some of the code snippets that were suggested in other posts, like this one:

    @media only screen and (max-width: 767px){
.responsive #top .slide-entry {
width: 100%;
margin-left: 0%;
}
.avia-content-slider .slide-entry-wrap {
margin-bottom: 0px;
}}

    Unfortunately it didn’t change a thing. Do you have any other idea what causes that problem or how we can fix it?

    Thanks in advance for your help!!

    Best regards,
    Sebastian

    June 3, 2016 at 8:11 pm #642688
    Vinay

    Hey gemekiwei,

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

    
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    width: 100%!important;
    margin-left: 0%!important;
}}

    Best regards,
    Vinay

    June 6, 2016 at 8:41 am #643356
    gemekiwei

    Hey Vinay,

    thanks a lot for your help! It works :-)))) You can close this ticket.

    Best regards,
    Sebastian

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Problems with blog grid layout’ is closed to new replies.