Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 27, 2018 at 1:36 pm #1002273
    bloodyamazing

    Hi there,

    My site looks good on PC, but once I reduce the width of the site to mobile size the header then overlaps my title banner.

    Here’s the site: https://resonancechina.com/
    You can mimic the effect of mobile by resizing the browser window, reducing the with until you get to a mobile screen width. The header goes from transparent and turns white, and then overlaps the intro text. How do I fix this issue?

    Thanks!

    • This topic was modified 6 years, 2 months ago by bloodyamazing.
    August 27, 2018 at 4:19 pm #1002343
    Vinay

    Hey bloodyamazing,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS  */

@media screen and (max-width: 767px) {
#top #av_section_1 main {
    padding-top: 116px!important;
}
}

    Best regards,
    Vinay

    August 28, 2018 at 5:08 am #1002526
    bloodyamazing

    thank you that worked!

    August 28, 2018 at 7:06 am #1002575
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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