Menu items alignment

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
krikkebier
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Sun Apr 03, 2022 11:24 am

Menu items alignment

Post by krikkebier » Sun Apr 03, 2022 1:57 pm

Hi,
I've replaced the main menu button with an image (100 x 100px). The menu bar is now higher, but that's fine.
But the other menu items (text) are top aligned. I want them vertically centered.
I've changed the template.css files ->

@media (min-width: 992px)
.container-header .mod-menu {
display: flex;
flex: 1 1 0%;
flex-direction: row;

menu1.PNG
Added this row: align-items: center;
menu2.PNG
-> It works in F12 (DevTool), but when I refresh the webpage, changes are lost (allthough I still can see the changes in the CSS-files!!

Is there any help?
You do not have the required permissions to view the files attached to this post.

aniketpatil
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Mon Apr 18, 2022 11:41 am

Re: Menu items alignment

Post by aniketpatil » Mon May 16, 2022 7:18 am

hi!
i have face same issue
dont use image (100 x 100px) like this
upload your logo from admin
it will give direct url link on thta link u can adjust width height

give some class to you logo and write inline css for that clas
on view page
NOte: align-items: center !important;
dont forget to add !important


Locked

Return to “Templates for Joomla! 4.x”