Menu Navigation Text Centered to Logo
-
-
- Garland
- Newbie
- Posts: 13
- Thanks: 0
-
I have a temp site up working on a menu with a logo in the center.
Here is the link; fixittheywillcome.com/swiper
What I am trying to do is get the text links centered to the image/logo.
Does anyone know of a way to do this with code if necessary.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21595
- Thanks: 3098
- messin' with stuff
-
On your Menu Particle's Settings tab add a custom class like "center-menu" or something then add this custom css
.center-menu { display: flex; justify-content: center; }
Custom CSS via Admin: docs.gantry.org/gantry5/configure/page-settings#assets
Custom CSS/SCSS file: docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet - Last Edit: 5 months 4 weeks ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Garland
- Newbie
- Posts: 13
- Thanks: 0
-
Ok, thanks for the information but it's not centering. Please see the images showing where I entered the custom css and css classes.
In the particles there is the "block" section with a CSS Classes also, and I added the center-menu there also, but it is still not working.
Any other suggestions are greatly appreciated.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21595
- Thanks: 3098
- messin' with stuff
-
Put the class on the Block tab
docs.gantry.org/gantry5/tutorials/using-block-settings
EDIT:
(sorry, I see now in your reply you said you trid putting that class there as well)
Your site is not currently accessible, there's a login prompt. You can post sensitive login information here in the Secure tab of a Full Reply. I'll need to check how your CSS is loading to see what's going on, but in theory the code I provided should work... - Last Edit: 5 months 4 weeks ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.049 seconds