-
AuthorPosts
-
November 20, 2021 at 5:06 pm #1329790
Hello,
As you dan see below, the 3 columns and buttons on the homepage are not in the right position on lying iPad en lying iPhone. Can you help me?
You have my login credentialsNovember 20, 2021 at 11:43 pm #1329808Hey 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,
MikeNovember 21, 2021 at 10:01 pm #1329856Hi,
I’m so sorry,
I meant on Ipad standing (not lying) en Iphone lying. But I applied the css to solve the problem on Iphone lying but that didn’t work either.November 21, 2021 at 10:49 pm #1329862Hi,
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,
MikeNovember 24, 2021 at 10:57 am #1330278I already solved the problem. thnx
November 24, 2021 at 2:17 pm #1330297Hi,
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 -
AuthorPosts
- The topic ‘Columns changes no mobile screen’ is closed to new replies.