Docs

[ArtOfSpring]

Hi there,

on my site: https://mybetterlife.de/relaunch-2/
I’m using a sticky content dock on the bottom.
I achieved to make it visible on mobile view and now I’m trying to force two columns on mobile view.
Therefore I used this advise: https://community.theme.co/forums/topic/two-column-layout-in-mobile-view/

@media (max-width: 767px) {
  #x-section-1 .x-column {
    float: left !important;
    margin-right: 4% !important;
  }

  #x-section-1 .x-column.x-1-2 { 
    width: 48%;
  }

  #x-section-1 .x-column.last, 
  #x-section-1 .x-column:last-of-type {
    margin-right: 0 !important;
  }
}

There a two columns next to each other now but the content (two buttons) is still stacked in the first column.
Why is that and how can I make them stay in their column (one button in each column)?

Thank you!

[Thai]

Hi There,

Please find this CSS:

#contentdock.x-section .x-column {
    float: left !important;
    margin-right: 4% !important;
}

And change to this:

#contentdock.x-section .x-column {
    float: left !important;
    margin-right: 2% !important;
}

Hope it helps 🙂

[ArtOfSpring]

That’s ist! Thank you 🙂

[Thai]

You’re most welcome 🙂

[Author]

Posts