Hi Yigit, sorry for not being quite clear about this. I meanth the following, when I see this page there is no topbar untill I scroll down (above the slider): http://kriesi.at/themes/enfold-one-page-portfolio/

When I import the One Page demo content this is also good, but as soon as I change my pictures for the slider it suddenly appears on top (always)

Couldn’t relate this to any code in my css, URL sent in private.

View post on imgur.com

• This reply was modified 9 years, 9 months ago by ANONYMOUS.

Hey Yigit

Thanks so much for this but it doesn’t seem to be quite right. I’ve included a link to screen captures of what is happening after the Quick CSS is applied – the top header menu info text is now wrapped on 2 lines and the search icon has moved to the left side of the top header menu rather than moving to the main menu.

I’ve also tried applying CSS Classes to the missing menu items but they still aren’t appearing.

Also, the logo is still sitting to the left in landscape orientation rather than centred.

Sorry to be a pain!

Thanks again

Nicole

So I found the chunk of code that is causing the issue. Unfortunately it is code that I need on my site. All of this code has to be removed in order for the fixed frame to work on my site. Not sure why this particular code would be affecting the use of the fixed frame anyway. Any ideas on how to make the fixed frame work while still using this code?

@media only screen and (max-width: 1024px) {
.page-id-4990 .av-overlay-on-hover .av-image-caption-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}}

@media only screen and (max-width: 1024px) {
.page-id-4990 .av-caption-image-overlay-bg {
    background-color: rgba(0,0,0,0.2) !important;
}

@media only screen and (max-width: 1024px) {
.page-id-5276 .av-overlay-on-hover .av-image-caption-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}}

@media only screen and (max-width: 1024px) {
.page-id-5276 .av-caption-image-overlay-bg {
    background-color: rgba(0,0,0,0.2) !important;
}

@media only screen and (max-width: 767px) {
ul#mobile-advanced {
  padding-top: 0;
  margin-top: 80px;
}

@media only screen and (max-width: 480px) {
#advanced_menu_hide {
  top: 40px !important;
  right: 28px !important;
}

For those interested, I was able to solve it with the following:

@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency * {
    color: #0095d6!important;
}}

Boo. That’s what I thought. I found a topic from 2 years ago where you said pretty much the same thing.

Feature request, here I come. :-)

Hey Jordan and Ismael, thanks for the help.

We have certainly got much closer now.

When I add this

.container.av-logo-container {
    height: 65px !important;
}

The grey bar appears as posted above in the picture of my previous reply.

However by adding the code Ismael suggested and modifying the padding slightly, now the logo is displaying centered vertically on the main navigation which is great.

#top .logo img {
    top: 15px;
}

But when i add this code:

#top .header-scrolled .logo img {
    top: 2px;
    padding: 7px 0;
}

The logo is still shrinking when the navigation bar is scrolled, here is the login details to the site currently. Any idea how i can fix the scrolled logo so that it does not reduce in size like it is currently. My current style.css in my child theme has this code added, from this thread:

#top .logo img {
    top: 15px;
}

#top .header-scrolled .logo img {
    top: 2px;
    padding: 7px 0;
}

When the header is scrolled, I would like the logo to be centered vertically in the scrolled navbar and for the padding above the menu items to be equal at top and bottom like it is on the main header.

• This reply was modified 9 years, 9 months ago by spleeky.

Hello sorry, this appears to be a cross posted problem, I lost track that I had already posted about this previously. The update in the other thread here, has moved things forward – so I will continue the inquiry over there! https://kriesi.at/support/topic/how-to-add-padding-to-sticky-header-without-making-logo-shrink/

Thanks for the help