Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 25, 2018 at 3:28 pm #977539
    ehdavies

    I’ve used the code from the below post to help me with a similar problem with 2 half columns but when I’ve amended the CSS it doesn’t seem to work.

    https://kriesi.at/support/topic/2-column-mobile-view-with-columns/

    The css I’ve used is:

    /*
    CSS
    Toggle Columns – 2 half columns

    Columns

    https://kriesi.at/support/topic/2-column-mobile-view-with-columns/#post-977119
    */

    @media only screen and (max-width:770px) {
    .col-50p.av_one_half {
    width:49%!important;
    }
    .col-50p.av_one_half {
    margin-left:1%!important;
    }}

    Any help would be appreciated.

    Thanks

    Huw

    June 25, 2018 at 8:00 pm #977620
    Jordan Shannon

    Hey ehdavies,

    You want there to remain 2 columns on mobile?

    Best regards,
    Jordan Shannon

    June 25, 2018 at 9:53 pm #977659
    ehdavies

    Hi Jordan

    Yes – I want it to remain 2 columns and the content of both on the same vertical alignment as desktop.

    Any help really appreciated.

    Thanks

    Huw

    June 25, 2018 at 10:20 pm #977666
    Jordan Shannon

    Hi,

    I’m receiving a “Can’t be reached” error on the link you provided above.

    Best regards,
    Jordan Shannon

    June 25, 2018 at 10:23 pm #977668
    ehdavies

    Hi Jordan – I’ve made the link public so you should be able to access it now. Huw

    June 25, 2018 at 10:36 pm #977676
    Jordan Shannon

    Hi,

    Still not able to access.

    Best regards,
    Jordan Shannon

    June 25, 2018 at 10:39 pm #977680
    ehdavies

    Hi Jordan. I’ve reloaded on imgur so I hope you can now see this. Huw

    June 25, 2018 at 10:42 pm #977683
    Jordan Shannon

    Hi,

    It is the site link where I am still receiving the “Can’t be reached” error.

    Best regards,
    Jordan Shannon

    June 28, 2018 at 6:34 am #978767
    ehdavies

    Hi Jordan
    I’ve copied the url for the problem page on my site again in the private area – sorry I spotted a typo now corrected.
    Huw

    June 28, 2018 at 5:56 pm #978989
    Jordan Shannon

    Hi,

    Okay I see what you mean. Trying to keep that 2 column layout on mobile will make the columns so narrow the text will be near unreadable.

    Best regards,
    Jordan Shannon

    June 28, 2018 at 9:32 pm #979079
    ehdavies

    But Jordan, all I want is ‘Overview’ in bold text and ‘Go to site >’ in a button, Surely that’s not too much text for a mobile?!

    June 28, 2018 at 9:44 pm #979085
    Jordan Shannon

    Hi,

    Perhaps I’m misunderstanding your need. Do you have a screenshot of the result you want?

    Best regards,
    Jordan Shannon

    June 28, 2018 at 9:48 pm #979089
    ehdavies

    If you look at the two screenshots on Imgur I want the second screenshot (mobile) to look like the first (desktop) – Ie the word Overview in line vertically with the ‘Got to site’ button

    June 29, 2018 at 7:01 am #979193
    ehdavies

    Jordan
    I’ve fixed this. The columns need to be set to individual height.
    Thanks
    Huw

    July 1, 2018 at 4:22 pm #979844
    Mike

    Hi,
    Thank you for sharing your solution, 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 15 posts - 1 through 15 (of 15 total)
  • The topic ‘2 half columns not staying love in mobile model’ is closed to new replies.