Archived

This topic is now archived and is closed to further replies.

  • 0

fixed header/footer but scrollable page

Question

Posted · Report post

Dear staff,

 

I was wondering is it possible to fix the header and footer but have the content left scrolling? I added 'position:fixed' to the #header but that did not work. I'm using the branding option.

 

Tamar

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

@jenske  Since the child theme you're using is a third-party product, please open a new topic and we'll assign it to the developer.  We are unable to answer topics for third-party products. Many apologies for the inconvenience.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Tamar,

 

You can add the following to your site, which will reduce the min-height of your site. However, your sidebar image is also causing the space at the bottom of your content, I recommend you reduce the size of this image, if you do not like the space below.

 

 

#site #dynamic-content {
min-height: 200px;
}

Share this post


Link to post
Share on other sites

Posted · Report post

ok. I'll try this. Thanks....

So I'm assuming that fixing the header and footer is out of the question?

Share this post


Link to post
Share on other sites

Posted · Report post

Its not out of the question, but if both are fixed, I would imagine reading your content would become difficult. But there is no harm in trying, simply inspect your site to find the correct selector for your header and footer, and then apply the position:fixed to them, some additional CSS may be required.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny

 

I am using the Modern Childtheme. I just want to create a fixed header but if I use #header {position: fixed} it does not work. I have managed to make the actual image logo fixed but the Modern Theme header border and the actual header did not became fixed. (in fact the header disappeared and moved the logo into the content). I really would like to make the whole heade plus border fixed. Is there a way?

 

.section-branding .mainlogo-link, .section-branding .mainlogo-img { position: fixed;}

Share this post


Link to post
Share on other sites