Gap under the menu

Hi, I wonder how can I get rid of the gap on the Front Page of Photo theme. When I use the menu, I can see a line of a photo under the menu.

Web: gracebonline.com
User: demo
PW: demo

Hello,

Try to add Add the following code into the theme’s css/override.css file or custom css plugin:

Code: Select all

#page-nav {
  bottom: 1px;
}


That solved the problem when the footer is up and the menu is open. But on sub pages when the footer is down, the gap remains.

Is there a way also to make this footer static or to change the hight of the footer (both, when is up or when is down)?

Thank you.

M

Add also this code:

Code: Select all

#page-nav.active {
  bottom: 4px
}


and remove this from style.css:

Code: Select all

#page-nav.active .gk-social,
#page-nav.active .gk-logo-text {
  margin-top: 20px;
}
#page-nav.active #gk-menu-button {
  height: 60px;
  top: -60px;
}
#page-nav.active #gk-menu-button > span {
  line-height: 67px;
}
#page-nav.active #gk-menu-button > strong {
  top: 30px;
}


and the footer should be static.

I've noticed that adding:

#page-nav {
bottom: 4px;
}

makes a gap on the bottom of the page!

Plus adding:

#page-nav.active {
bottom: 4px
}

makes my footer static.

Also, how do I adjust the height of this footer? When the menu is in use and when is not?

Thank you.
M

You can use height values:

Code: Select all

#page-nav {
  bottom: 4px;
  height:100px;
}


#page-nav.active {
  bottom: 4px;
  height: 150px;
}