Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #816042

    When viewing my website on a mobile phone the content boxes on the home page (Our Services, Where We Are and Contact Us) are overlapping the slideshow image, they are way to big. Is there a way in which I can reduce the size of these boxes on mobile only? I have tried changing the padding settings but that doesn’t really help.

    #816160

    Hey crg1,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .home #av_section_1 .flex_column_table {
        margin-top: -130px !important;
    }
    }

    Best regards,
    Rikard

    #816219

    I tried that and it didn’t work- it seemed to make matters worse. I have since deleted the css and now the website doesn’t seem to be displaying correctly at all when viewed on mobile.

    #816266

    Hi,

    Ok, so the CSS broke your site? It seems fine on my end when I load it. Could you post a screenshot of the element you would like to alter and how please?

    Best regards,
    Rikard

    #816270

    It seems to be displaying as it was before when viewed on mobile (which is ok) however, I still have the same issue with the content boxes overlapping the slideshow image at the top of the home page.

    #816571

    Hi,

    Ok, thanks for the feedback. The CSS I gave you was for moving the boxes down a bit on mobile screens. Could you try it again and adjust the values to your liking if it’s not exactly how you envisioned it?

    @media only screen and (max-width: 767px) {
    .home #av_section_1 .flex_column_table {
        margin-top: -130px !important;
    }
    }

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.