Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #686048

    Right now my layout stacks at 767px by default … I’d like it to stack at 768px instead for a better view on tablets. Where can I change this? I tried editing layout.css but it didn’t work. Thanks.

    #686719

    Hi iwsdjb,

    Could you post a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #687300

    The site is under construction, sending login credentials privately. Please refer to the homepage. Thank you.

    #688699

    Hi,

    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: 768px) {
    .flex_column { width: 100% !important; margin-left: 0 !important; }}
    

    Best regards,
    Yigit

    #688711

    That worked well for the column layouts, thank you. Would I do something similar for the grid layouts?

    #688724

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) { 
    .av-layout-grid-container {
        display: block;
    }
    .flex_cell {
        display: block;
        width: 100%!important;
        margin-left: 0!important;
    }}

    Best regards,
    Yigit

    #688728

    Beautiful, thank you!

    #688734

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing default mobile styles’ is closed to new replies.