ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
SOLVED Gantry5/Helium custrom menu
-
-
- Bigfly
- Rocketeer
- Posts: 89
- Thanks: 12
- New on Rockttheme
-
Hello,
I use gantry and Helium on a photo blog > www.ovalp.com
1/ Is there a kind of library to adapt and personnalise the gantry and Rockettheme menus. All are very similar...
May be a css class or css package to change the apparences/graphycs effets?
2 / Here https://www.ovalp.com I just put a css to have a different font size menu with this
but it's change also my footer menu size...Any solution for example only change the nav bar to menu and not the one on the footer?/* Font-size menu*/ .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container { font-size: 1.2rem; }
Thanks
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
1. No, use custom.scss to styles things how you want. Helium and Hydrogen are very basic themes that include very little styling - the RT themes include more styling (specific to each theme - no you can't copy it).
2. Then qualify your CSS selector more so it only applies to the menu that you want. Add your own class on the menu to make it more easily targetable in CSS.
Regards, Mark. -
The following users have thanked you: Bigfly
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Bigfly
- Rocketeer
- Posts: 89
- Thanks: 12
- New on Rockttheme
-
Hello,
1/ I tried to put my own css in custom.scss
gave the menu-top css to my baseoutline navigation menu...as seen below.menu-top { font-size: 1.4rem !important; }
This image is hidden for guests.
Please log in or register to see it.
All this with no effect...
2/ Can't find the selector for only the top menu (big labyrinth), the actual css code impact also the bottom menu...
Thanks
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
1. You changed that on the base outline - so make sure that the outlines you are actually using inherit that setting or else add it to their outlines for that particle settings.
2. The class just gives you something to target but you need far more to your CSS selector that just that as the styling is on descendant html elements.
3. Use a browser inspector tool to find the appropriate selector and where your class appears in the hierarchy then construct a selector.
4. Do a CSS and HTML course and learn how to use a browser inspector tool.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Bigfly
- Rocketeer
- Posts: 89
- Thanks: 12
- New on Rockttheme
-
I tried a bit of all of this but without success. No time to devote more time to it. Never mind.
I was hoping for a native or simpler solution or more information in the Gantry 5 documentation such as CSS libraries allowing to evolve the templates (here just customize the menu)... All this takes time to do for you, I'm aware of that.
Thank you anyway and have a nice week ahead
-
Time to create page: 0.079 seconds