Replace menu with sticky menu

[tunichtgut_]

I would like to replace the menu at the top of the theme with the sticky menu which appears when you start to scroll down the site. Is this possible with a few code changes?

[Laura]

Hello, do you mean hide the top bar? Or make the menu like the sticky menu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tunichtgut_]

Hey, it is about this site: http://s546687070.online.de/neu/

I have already hidden the top bar. Now, I would like to replace the upper menu with the sticky menu. So the sticky menu is shown even if you scroll to the top of the page.

Thanks for your help, in advance.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

#header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    padding: 5px;
    height: 45px;
}
.contain-to-grid .top-bar {
    margin-left: 58%;
}
.contain-to-grid.sticky.fixed .top-bar {
    margin-left: 20% !important;
}

And add a logo in General options

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tunichtgut_]

Thanks for your answer! I am really satisfied about how the template is working right now, but there are some problems with the mobile version.

The “movile-nav.png” shows that the mobile nav has for some reason not the right length.

The “search-form.png” shows that the black background behind the search form in mobile version is gone.

Could you help me with these?

[Laura]

Hello, could you share admin credentials and ftp? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tunichtgut_]

Yes, sure:

FTP:
User: 7queen
Password: tkF(muBS%ww8

Wordpress:
User: 7queen
Password: $k2qyL#6K(Vro0MEC@Ywb2Ed

Another thing which I would like is the white space between the menu and the beginning of the content (see the first picture). Could you change it to a height of 10px?

And there seems to be also a problem with the menu. I am not sure if you can see it on a picture, you probably have to zoom a little bit. I used the black pattern as a background and the menu got also another transparent background, which lays over the pattern. But the transparent background does not have the same size as the background pattern, it is smaller (see picture 2). Did I explain understandable? 😀

Thanks a lot in advance!

[Laura]

Hello, the first issue seems to be related to custom css, can i know where did you place all custom css? Did you change main theme css?
Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tunichtgut_]

Hey, I changed the style.css in sweet dates child theme and in wordpress backend (“Sweet Date” -> “Styling options” -> “Quick CSS”).

[Laura]

Hello, i see… do you use any cache plugin or cdn? If so let me know

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tunichtgut_]

No, we don’t.

I also did a change on header.php on sweet date’s main theme. Perhaps that’s the reason?

[Laura]

Hello, it may be, you should never change main files, try to revert the change and check out if its fixed

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts