Hello,
To change background color for sub items you need add this code into custom.css file:
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a {
background-color: blue;
}
.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a:hover {
background-color: red;
}
Change the color value to yours.
To change height please use this code:
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children {
height: 50px;
}
Also change the value to yours.
Regards,
Eva Kemp.
Hello,
To have margins you can use this code:
.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children {
margin-top: 10px;
margin-bottom: 10px;
}
Just change the values.
Please clarify your question regarding “second to 4th level submenus”.
Thank you.
Regards,
Eva Kemp.
If you’ll notice on my submenus under Products – Brands – and so fort the height of the boxes differ from the 1st level submenus
Please visit : http://www.rasterizedesigns.com/demos/motoworld/ and then hover over products – brands – Brands A-H – LS2
The height of the boxes are different 🙂
That worked well for the height of the boxes, but adding the margin code also affects the boxes. So I tried padding, didn’t work with me.
Please try visiting the link again and hover the products link 🙂
http://www.rasterizedesigns.com/demos/motoworld/
Ok one more thing, on the contact page template, how do remove the page heading?
Tried to remove on the page heading option but no go.
http://www.rasterizedesigns.com/demos/motoworld/?page_id=147
That’s fine 🙂
Also need to adjust the boxes on the navigation of the sticky menu (when you scroll down), just like what I have now in the standard menu?
Plus, when using chrome I noticed the arrow sign or “>” for submenus is gone while in firefox its still there. Bug perhaps?
Thanks for the awesome support!
Perfect!
Done with that site, now if you don’t mind. Here’s another one.
How do you trim the height of the header? What I’m doing right now is applying a negative margin on my rev. slider to push it up.
Here’s the css im using
.header-wrapper.header-type-4 {max-width:none; margin:-30px;}
and the link is on the private content
Hello,
Please remove the code which you have added and add the following code into the custom.css:
.header-type-4 .main-nav .double-border {
padding: 0;
}
Regards,
Jack Richardson
Hello,
Put this code into custom.css file.
.page-content .parallax-section {
height:350px;
}
Regards,
Robert Hall.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
817e8a3b-18c8-492c-8ba6-9188c27b0995 | 05 Jan 2017 |