Problem with CSS for Header & Reponsiveness

  • Current theme options allow for setting of a header height:

    Header Height
    Enter height in px, minimum recommended height is 125px

    However, when this height is set, it causes the header to overlap with other page elements when there is a lot of text in the header, and the page is sized down to narrower formats. I suppose that this could be resolved by setting a larger height in those cases, but that would tend to have a negative impact on page layout for full width viewing.

    I resolved this problem by setting this element in the CSS file for my child theme:

    div.header { height: auto; }

    Just sharing in case others run into similar issues.

  • The topic ‘Problem with CSS for Header & Reponsiveness’ is closed to new replies.