Would you mind posting a link to the site you’re working on so that I can see exactly what you’re talking about?
Thanks!
Ah sorry, of course. here it is: http://www.blomstrande.com
I’d like to push the dropdown menu up a bit so that it is displayed in the white area (now it shows on top ot the slide show). And then I’d like to style the dropdown menu and remove the grey block so the menu items are displayed only as a black text on the white background.
Would that be possible? 🙂
Give this CSS a try and let me know if it works for you!
Paste it into Appearance >Theme Options >Advanced Settings
ul.sf-dropdown-menu {
margin-top: -60px;
background: transparent;
}
ul.sf-dropdown-menu li a span {
color: #777;
}
Hope that helps!
Great, thanks! That did help a lot.
The only problem I’m having now is that the dropdown menu is displayed on the far left and I’d like it to go straight underneath the menu topic. How do I do this when I have 2 different dropdown menus?
If possible I’d also like to remove the shadow that is still displayed around the dropdown menu.
Thanks again! I’d really be lost without this great support forum.
Hey blomstrande,
I’m seeing your dropdown right under your menu. Did you figure this out?
You can use this css to remove the box shadow:
ul.sf-dropdown-menu {
box-shadow: none;
}
Hope that helps!
Hannah
Thank you! That removed the shadow and now the styling of the dropdown menu is just as I wanted it.
With the position of the dropwdown menu I just added padding on the left. This might be a problem though if I have a long navigation menu and different dropdown menus since they all will be displayed on the same spot. I think my simple solution will work for now though but if anyone has a solution that would automatically center the dropdown menu right beneath the navigation menu topic I’d be glad.
Thank you all for your great help!
To force the dropdown to center you would need to set a width for each. this css would work:
ul.sf-dropdown-menu {
width: 600px;
margin-left: -300px;
left: 50% !important;
}
.sf-menu li {
position: relative;
}
Kadence Themes
Perfect! Thank you so much, problem solved!
