Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2022 at 5:53 pm #1335285
    aestheticare

    I have two half width columns but would like them stacked on top of one another on mobile and tablet. I have implemented the code detailed here: https://kriesi.at/documentation/enfold/columns/#custom-column-breakpoint

    /* Custom breakpoint */
@media only screen and (max-width: 1023px) { 
.responsive #top #wrap_all  #custom-breakpoint .flex_column.col {
    margin: 0;   
    width: 100%;
}}

    However it’s still not appearing to work on tablet.

    January 13, 2022 at 5:15 am #1335358
    Nikko

    Hi aestheticare,

    Thanks for giving us admin access.
    The issue I found is that the style isn’t being fetched because of WP Optimize (which I have now purged the cache and deactivated the plugin).
    Then replaced your code with this one:

    @media only screen and (max-width: 1023px) { 
  .responsive #top #wrap_all #custom-breakpoint .flex_column_table {
    display: block;
  }

  .responsive #top #wrap_all  #custom-breakpoint .flex_column.col {
		display: block;
    margin: 0;   
    width: 100%;
  }
}

    Let us know if it helps.

    Best regards,
    Nikko

    January 13, 2022 at 10:33 am #1335379
    aestheticare

    Thanks, it’s now working!

    January 13, 2022 at 1:10 pm #1335401
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Columns not stacking on tablet’ is closed to new replies.