Docs

[Rad]

Hi there,

Looks like you changed your password, can’t check it behind the coming soon page. Please provide the latest credentials.

Thanks!

[Christian_W]

This reply has been marked as private.

[Rupok]

Hi there,

Looks like you have this code :

.x-navbar.x-navbar-fixed-top {
    top: 62px;
}

Let’s update this to :

.x-navbar.x-navbar-fixed-top {
    top: 40px;
}

And your Logobar might be covered with Admin bar when you are logged in. So it would be better if you disable Toolbar and check because that’s what your visitor will see.

Hope this helps.

[Christian_W]

Hello,

thanks. The same problem still appears. It does not matter if I am logged in or logged out. What do you recommend me? Can you adjust the menue in a way that this works?

Thanks a lot.

Best regards.

[Rue Nel]

Hello There,

Thanks for writing in! You will need to have this code instead:

.x-navbar.x-navbar-fixed-top {
    top: 41px !important;
}

.logged-in .x-logobar.x-logobar-fixed-top {
    top: 32px !important;
}

.logged-in .x-navbar.x-navbar-fixed-top {
    top: 70px !important;
}

Hope this helps.

[Christian_W]

The problem still appears. I’m using the revolutions slider. The slider size is 1980 x 600 px. The menue has to be above the slider. The menue should be fixed. But when I’m scrolling down I always see the background image or the slider image. Like in the screenshots I adhusted you before. How can I fix this? Is there a possibility that the menue shrinks when I’m using smaller screens? It is also important that the menue always is displayed in one row.

Thanks a lot.

Best regards.

[Christian_W]

It would be nice if I can display my main menue like this: http://www.harscher.de/start/

Thank you a lot and sorry for my questions.

Best regards

[Rad]

Hi there,

Custom codes and CSS are tangled together, would you like to start from zero? Like, remove all the customization related to the header. The header must appear as the original header. If it’s just shrinking the menu and logo then it’s easy, I’m not just sure if it will work with all other existing custom codes.

And what do you mean by shrinking it in smaller screen? Mobile has its own mobile menu which doesn’t need to be resized like from the desktop menu.

Thanks!

[Christian_W]

Hello,

if it is possible please remove all the customization related to the header. The important thing is that the header menue does not obscure the revolution slider and that the menue is displayed in one row. These are most important things.
And it would be nice if I can put my own logo above the menue.

I hope you can help me.

Thanks a lot.
Best regards

[Christopher]

Hi there,

Please add following code :

.x-logobar.x-logobar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Find following codes :

.logged-in .x-navbar.x-navbar-fixed-top {
    top: 70px !important;
}
.x-navbar.x-navbar-fixed-top {
    top: 41px !important;
}

And update them to :

.logged-in .x-navbar.x-navbar-fixed-top {
    top: 68px !important;
}
.x-navbar.x-navbar-fixed-top {
    top: 39px !important;
}

Remove this code:

.masthead {
    height: 100px;
}

To display menu items in one line, reduce letter spacing, padding and font size under Customize -> Header.

Hope it helps.

[Christian_W]

Hello,

thanks a lot, but it still does not work. See the screenshot adjust. I hope you can help me.

Best regards and thanks a lot.

[Christopher]

Hi there,

Please add following code :

.x-logobar.x-logobar-fixed-top .x-brand img {
    width: 50% !important;
}
.x-logobar.x-logobar-fixed-top {
    height: 37px;
    transition: all 0.3s linear;
}

To display menu items in one line, reduce letter spacing, padding and font size under Customize -> Header.

Hope it helps.

[Author]

Posts