Columns changes no mobile screen

Hey Lautho2011,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (min-width: 767px) and (max-width: 1368px) { 
#top.home #av_section_2 .flex_column_table_cell {
	padding: 30px 10px!important;
}
#top.home #av_section_2 .flex_column_table_cell .avia-button.avia-size-x-large {
	min-width: 180px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry I don’t have an iPhone or iPad so I’m testing based on screen widths, my info has the iPad pro at 1024px-1366px, regular iPad 768px-1024px, & iPhone 414px-736px
so iPad portrait should be between 768px – 1024px & iPhone landscape should be 736px
in my test the iPhone landscape shows the 3 boxed items as a single column, please see the screenshot in the Private Content area.
The iPad pro & regular iPad also looked fine with the css above applied, it doesn’t look like you are using it right now, but see my screenshots below.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
So perhaps this is why the css above looked like it didn’t work, please try again.
If you still have trouble please include screenshots so I can try to match.
As a side note please ensure you are not “zooming” the browser and you are using 100% scale, some users use the “zoom” on their browser but there is no css that can recognize “zoom” so there would be no solution for that.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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