Menu

Shapely
1

Hi Movin,

another three small questions for you.

I have a dropdown menu with the portfolio items, but on a normal page (like www.harryhappycamper.com/sweden) it does not drop down over the header image. It gets behind it. How can i change this that it is always to be seen?

How can i change the hover color in the menu, especially the dropdown menu?

How can i make sure that the menu moves along when scrolling up or down, either on the homepage as on the other pages?

tnx!

Joline

2

Hi Joline,

I hope you are well today and thank you for your questions.

I have a dropdown menu with the portfolio items, but on a normal page (like http://www.harryhappycamper.com/sweden) it does not drop down over the header image. It gets behind it. How can i change this that it is always to be seen?

You can try resolving this issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#page ul.dropdown-menu {
    z-index: 999999;
}
How can i change the hover color in the menu, especially the dropdown menu?

You can change it by using below custom CSS code.


#page .menu > li > a:hover{
  color: #000;
}

#page .dropdown-menu > li > a:hover,
#page .dropdown-menu>.active>a, 
#page .dropdown-menu>.active>a:hover, 
#page .dropdown-menu>.active>a:focus {
    background-color: #dba832;
      color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

How can i make sure that the menu moves along when scrolling up or down, either on the homepage as on the other pages?

I can see it is moving on your site as shown in the attached screenshot.

Please advise.

Best Regards,
Movin

3

Thanks, works like a charm!

4

You are most welcome here :slight_smile: