1 Reply Latest reply: Sep 11, 2013 11:15 AM by jefferis RSS

    Force header area on phones?

    jefferis Community Member
    jefferis Sep 11, 2013 9:01 AM

      Hi folks, I'm running into a problem on cell phones ONLY.  The responsive menu systems (and the .header div area itself) are overlapping the main body content area.  I've tried removing the z-index, add padding etc, but can't seem to force the padding/margins for this  section to stop covering the area.

       

      I've added in the media query: @media only screen and (max-width: 479px)          { .header { height: auto !important; z-index: 0 !important; display:inline-block !important; padding-bottom: 10px; float: none !important;}  }

       

      No joy. 

      I am hoping for some help to finish up this project. 

       

      https://bendannie2.worldsecuresystems.com/home

       

      Thanks MUCH in advance:

       

      Jeff