Header covers banner in mobile browser

  • Resolved amycarbo

    (@amycarbo)


    1 year, 7 months ago

    Hi! Although I have updated some WordPress sites before, I’m still a newbie. I’m having trouble helping a nonprofit with getting a banner on their website. I have it showing up fine on the desktop version, but in the mobile version, the text is covered up by the header on the site. Can anyone help? Thanks very much!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hi @amycarbo

    To keep the banner in line with the header styles you would want to add the following to Website Custom CSS:

    @media (max-width: 980px) {
  .et_fixed_nav #main-header {
    position: relative;
    margin-top: 0px;
  }
  div#page-container {
    padding-top: 0px !important;
    margin-top: 0px;
  }
  .simple-banner {
    position: relative;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Header covers banner in mobile browser’ is closed to new replies.

Tags