Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 26, 2018 at 3:54 pm #977984
    kmac

    I have 2 columns: 1/5 & 4/5 that I would like not to break on mobile devices or tablets. How can I go about implementing this on a single page?

    June 26, 2018 at 9:20 pm #978154
    Jordan Shannon

    Hey kmac,

    So you don’t want them to go under each other on mobile? Please provide a link to the site/page in question so we can look in to this issue further.

    Best regards,
    Jordan Shannon

    June 27, 2018 at 1:14 am #978206
    kmac

    Hi Jordan,

    Unfortunately, the site is in test mode & isn’t live so difficult to take a look.
    I found a thread that had a similar issue which was resolved with a bit of css, but it was for two half columns,:
    https://kriesi.at/support/topic/mobile-breaking-point-for-rows-and-columns/

    Hoping that something similar could be used for two columns: 1/5 & 4/5

    Thanks

    June 28, 2018 at 12:10 am #978624
    Basilis

    Hi,

    Unfortunately if we cant have access we cant do something, we need a way to review the site event with a password

    Best regards,
    Basilis

    July 5, 2018 at 3:15 pm #981632
    CassieRamos

    Basilis,
    Im needing similar assistance. I want my home page to have 2 x 2 column BUT I want another page to use the accordian tabs and when I put in the code below it blocks the accordian tabs from appearing full screen on mobile making functionality a bust. Below is the coding I used but I don’t know how to tell it only when I want it. Like give it a #. I just want more control over when this should and shouldn’t happen.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
    width: 50%;
    float: left;
    }
    }

    July 6, 2018 at 3:41 pm #982106
    Victoria

    Hi CassieRamos,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    July 15, 2018 at 6:49 pm #985702
    CassieRamos

    I don’t see where I can attach something here. Sorry for the delay I was having some hosting issues with the new site. Anyways I want the home page to look how it does at http://www.doggygoplay.com but the other pages I don’t want to divide like that ( on mobile version). If you look on a mobile you can see its messing up the layout. http://www.doggygoplay.com/dogwalkingweekly I want the accordian to stay full screen.

    July 15, 2018 at 7:23 pm #985719
    Mike

    Hi,
    If I understand correctly, you want to use the code above only on your home page, then please add your page ID to the code like this:

    @media only screen and (max-width: 767px) {
.responsive #top.home #wrap_all .av-flex-cells .no_margin {
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
width: 50%;
float: left;
}
}

    Best regards,
    Mike

    July 15, 2018 at 9:38 pm #985758
    CassieRamos

    That’s exactly what I needed! Thank you!

    July 15, 2018 at 9:59 pm #985762
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove Mobile Breaking Point from Columns’ is closed to new replies.