Home / Forums / You Theme Support / Header Bar Issue on Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts

  • bgardgraphics
    Participant

    Hello,

    I have two websites that I currently manage that utilize the You Theme. Both of the sites are experiencing an issue with the header bar overlapping the page on the mobile version. I have tried adjusting the header height in the skin customization but none of the available options fix this problem.

    On http://www.geselitecleaners.com you can see that this is happening on the home page.
    On http://www.bgardgraphics.com you can see it happening on the home page and on the services page. On the services page of bgardgraphics.com the logo is in the wrong places and is overlapping with the text “What We Do.”

    I am looking at this on a iPhone 6s. I did notice that this problem for bgardgraphics does not occur when looking at this on my friend’s iPhone 6s but the problem still occurs for geselitecleaners.com on both devices. I had not changed any settings when this problem occurred. Please help.


    bgardgraphics
    Participant
    This reply has been marked as private.

    bgardgraphics
    Participant
    This reply has been marked as private.

    To workaround the issue, use this CSS:

    http://www.bgardgraphics.com/ – paste it into Theme Options > Custom CSS > Custom CSS

    @media only screen and (max-width: 400px) {
    	#content .vc_custom_1475268966804 {
        		padding-top: 250px !important;
    	}
    }

    http://www.geselitecleaners.com/ – Theme Options > Custom CSS > Mobile CSS

    .header-float-wrap.header_float.clearfix {
        position: relative;
    }

    Regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.