Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 12, 2015 at 11:28 pm #395407
    druzes

    Hi, my client wants the website to always have the same look, no matter how tiny it gets… So is there an way to disable the vertical stack of columns below 767px width? Only in the content, the main menu can turn into responsive mode.
    Thank you

    February 12, 2015 at 11:56 pm #395425
    Josue

    Hi,

    Open css/grid.css and remove 107-111:

    .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%;
  }

    Regards,
    Josue

    February 13, 2015 at 1:11 am #395460
    druzes

    Worked like a charm !! Thank you ;)

    February 13, 2015 at 2:29 am #395475
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    February 13, 2015 at 2:44 pm #395746
    druzes

    Hi, is it possible to keep that funcionality but only in one page?
    Thank you

    February 13, 2015 at 2:51 pm #395754
    Josue

    Are you using a child theme?

    Best regards,
    Josue

    February 13, 2015 at 3:44 pm #395798
    druzes

    No

    regards

    February 13, 2015 at 9:17 pm #396007
    Josue

    Ok, revert the mod on grid.css and paste a link to the page you don’t want the columns to stack.

    Regards,
    Josue

    February 16, 2015 at 1:11 pm #396674
    druzes

    Hello, i just need to website to stack columns in one page, the first one of the website.
    Regards

    February 16, 2015 at 4:33 pm #396789
    Josue

    Hi!

    Add this code to Quick CSS:

    @media only screen and (max-width: 767px) {

  .responsive #top.page-id-x .container .av-content-small, .responsive #top.page-id-x #wrap_all .flex_column, .responsive #top.page-id-x #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  
}

    Change “x’ by the ID of the page you want to affect.

    Best regards,
    Josue

    March 5, 2015 at 6:31 pm #406580
    druzes

    Thank you Josue, i’ve made that changes but still nothing happens.
    Was i supposed to revert the original grid.css code?
    Or i’m i using the wrong page id? I’ve set an section id on the avia builder, is that the correct page id info?
    regards
    Pedro

    March 6, 2015 at 6:23 am #406817
    Rikard

    Hi!

    Not sure if you are using the wrong ID, you can find it by inspecting the page and you will find something like page-id-734 in the class of the body tag.

    Cheers!
    Rikard

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