How do I remove the menu arrow (image)...
-
-
- DDahl
- Rocketeer
- Posts: 55
- Thanks: 0
-
Hi all,
I'm getting a handle on the .LESS syntax and yet am having immense difficulty figuring this one out.
How do I remove the default arrows from the standard (not mobile) menu in the Gantry 4 template? I searched the forums with no success.
Thanks!
David
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
- Please post an URL to your site so we can take a look
- Check my services at: Mihha-Vision
-
-
-
- DDahl
- Rocketeer
- Posts: 55
- Thanks: 0
-
Thanks for the quick response.
The site (under construction) is at:
www.dragonfiregloves.internetpersona.com/
-David
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
Add this to your custom css file
.gf-menu li.parent > .item::after { content: "" !important; }
This is how you create a custom CSS file...
www.gantry-framework.org/documentation/j...-a-custom-stylesheet
When we release upgrades template files will change and you will have to reapply all your changes again (that's if you can remember where they all are). If you keep your changes in a separate Custom CSS file you'll have no issues upgrading. - Check my services at: Mihha-Vision
-
-
-
- DDahl
- Rocketeer
- Posts: 55
- Thanks: 0
-
Thanks for the reply. Unfortunately, while the arrow does vanish after the appropriate CSS is added the space between the affected menu item and the next remains unchanged..
Is there a way to remove the arrows while at the same removing the (now) extra space once held by the arrow at the same time?
Thanks!
David
-
-
-
- Who?
- Preeminent Rocketeer
- Posts: 25562
- Thanks: 613
- Joomla freelancer
-
Try with this
.gf-menu li.parent > .item::after { content: "" !important; } .gf-menu li.parent > .item { padding-right: 0px !important; } - Check my services at: Mihha-Vision
-
Time to create page: 0.051 seconds