Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 credentials

    #1329808

    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

    #1329856

    Hi,

    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.

    #1329862

    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

    #1330278

    I already solved the problem. thnx

    #1330297

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Columns changes no mobile screen’ is closed to new replies.