Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 18, 2016 at 8:37 pm #700842
    gdg161987

    I have several pages with columns including the setting Margin-Top -400px. On the desktop the column overlapse nicely the background image. When i crop the browser on my desktop, it is also perfect (screenshot) But when i browse to the same page on my Samsung S7 the column is sliced in halve.. (screenshot)

    Can you help me?

    October 19, 2016 at 1:11 pm #701249
    Rikard

    Hey gdg161987,

    You might need specific CSS for mobile: 

    @media only screen and (max-width: 767px) {
YOUR MOBILE SPECIFIC STYLES HERE
}

    If you should need any further help then please post a link to the page in question so that we can have a closer look.

    Thanks,
    Rikard

    October 19, 2016 at 1:15 pm #701255
    gdg161987

    Hey Rikard,

    Thank you for your quick response.
    Could you have a closer look at the page? You can find the link at the prive content.

    Thank you!

    Best regards,
    Gerard

    October 21, 2016 at 11:40 pm #702681
    Ismael

    Hi,

    Please try this code in the Quick CSS field.

    #av_section_2 {
    z-index: 9999;
    position: relative;
}

    Let us know if it changes anything.

    Best regards,
    Ismael

    October 22, 2016 at 12:39 am #702698
    gdg161987

    Hi,

    Unfortunately is doesn’t change a thing..

    October 25, 2016 at 6:46 am #703586
    Ismael

    Hi,

    Did you hard refresh or remove the browser cache before testing the page? Mobile devices tend to cached the page to save bandwidth. I checked the page today again and the column offset is gone. Did you remove it?

    Best regards,
    Ismael

    October 26, 2016 at 1:08 pm #704254
    gdg161987

    Hi Ismael,

    I added this to quick CSS to temporary fix the layout of the pages.
    @media only screen and (max-width: 767px) {
    #top .flex_column_table{
    margin-top: 0px!important;
    padding-top: 10px!important;
    }
    }

    But it doesn’t fix the real problem. The setting margin-top: -400px isn’t working on mobile devices..

    October 31, 2016 at 5:09 am #705955
    Nikko

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Nikko

    October 31, 2016 at 5:34 pm #706341
    gdg161987

    Hi,

    Here you go.

    November 2, 2016 at 3:38 pm #707165
    Andy

    Hi,

    this is what I see on mobile version:

    View post on imgur.com

    View post on imgur.com

    Which looks good to me. So could you fix it?

    Best regards,
    Andy

    November 2, 2016 at 4:05 pm #707190
    gdg161987

    Hi,

    I reproduced the problem.

    Could you take a look?

    Beste regards,
    Gerard de Groot

    November 2, 2016 at 10:24 pm #707399
    Vinay

    Hi,

    As I understand for some reason the contents of the second section is pushed under the first section’s background image. We tried to correct this but it appears there may be a html tag that is not closed correctly white adding the content which might be causing the conflict. Please check for any such issues.

    At the moment only the temporary fix works on the page with the overlapping issue.

    We created a test page (link in private) and tested the same layout in my android phone. It looks good on my end please check the same on your end and add your elements or re-create the page should resolve this issue for you :)

    Best regards,
    Vinay

    • This reply was modified 8 years ago by Vinay.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.