Fixed header – dynamic content

Home Forums Fitness Pro Forum Fixed header – dynamic content

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #151419
    Bernd Hopkes
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 12, 2020

    Hello SKT community,

    I wanted a fixed header on my page. I was able to realize this in “Custom CSS”. (See CSS Code). Now the ccs header hides text on some pages. Is it possible to keep the header fixed and adjust the bottom of the page dynamically to the fixed header?

    .header_wrap.layer_wrapper { position:fixed; z-index:60; width:100%;}
    #slidera { margin:128px auto 0;}

    -Gym ProVersion: pro1.0

    Best Regards.

    #151516
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Brad

    #151805
    Bernd Hopkes
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 12, 2020

    Hi Brad, the URL is not public. I’m hoping somebody can help me anyway. Thanks
    BR.

    #151808
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Okay, Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Brad

    #151972
    Bernd Hopkes
    Participant
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: April 12, 2020

    View post on imgur.com

    Hi Brad,

    here is a small overview of the site. Unfortunately I cannot show the full content. The header from the page goes to the red line. There is a text on the page, but it is covered by the header. That means that there is still text behind the header. Here it would be good if the text could be placed under the header. Dynamic maybe..

    BR

    #151987
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25832
    • Total: 25832
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .page .header_wrap.layer_wrapper {
        min-height: 220px;
    }

    Regards,
    Brad

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