Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #981831

    when i have child theme options > Header > Header Layout > Menu & Logo Position set to “Logo center, Menu below”, and
    if Header Behavior > Sticky Header IS checked,
    then in order for the content to start below the header, i have to put in a “padding-top: xx” – to start, if browser window is wider than the website, i put in the number of pixels of height the logo & menu take up.
    but then if you start shrinking the browser window in, the logo & menu starts getting smaller (this is BEFORE the @media queries take effect). this is great, but then the padding-top i gave the content area is too far down.

    is there a way to EITHER have that padding-top dynamically resize depending on how heigh the fixed header is? OR
    make it so nothing starts shrinking upon browser resize, and let @media queries handle all responsiveness?



    by adding this to the Head section…

    		jQuery(document).ready(function() {
    			jQuery(window).resize(function() {


    Great, glad you found a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.