Header repsonse issue in mobile and narrow browser

  • Resolved The Ridge Runner

    (@the-ridge-runner)


    9 years, 3 months ago

    My site works fine with the evolve theme except when viewing on mobile in vertical mode, and on my desktop/laptop when the browser is sized to be very narrow. I have searched the forums for an answer with no luck.

    You can easily see the problem if you pull the sides of your browser in, making it very narrow, or of course, view it on a mobile device in portrait (vertical) position. Landscape/horizontal position works just fine.

    https://www.haywoodedc.org

    Help appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Let me add that the Search bar is also a part of this problem. I would like to leave the search in place, but not if it will cause issues.

    Thanks in advance for any help rendered!

    Hi,

    Please use the following codes in your Theme Options -> Custom CSS

    @media screen and (max-width:768px){
.header{
height:300px !important;
}
}

    Clear your browser history to see the update.

    Thanks!

    Thread Starter The Ridge Runner

    (@the-ridge-runner)

    Perfect! Thanks, Denzel!!!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header repsonse issue in mobile and narrow browser’ is closed to new replies.