Help - How to center menu on page Topic is solved

Everything to do with Joomla! 3.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.
Post Reply
jorgemuralles
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Fri Dec 26, 2014 12:35 am

Help - How to center menu on page

Post by jorgemuralles » Fri Nov 26, 2021 4:40 pm

Hello Friends, I need your help please

I have a website

http://www.cybernamesplus.com

I need to figure out the CSS to center the menu on top of the banner

The module I want to center is the one in the black box, I put the border, just so I can see how the menu is behaving.

Please see attached screen shot

It is a DJ mega menu, that is placed in a position called

top-menu-nav

Please help me out.

Thank you very much

Jorge Muralles
menu center.png
menu center.png
You do not have the required permissions to view the files attached to this post.

User avatar
Pavel-ww
Joomla! Guru
Joomla! Guru
Posts: 611
Joined: Tue Jun 30, 2020 12:17 pm

Re: Help - How to center menu on page

Post by Pavel-ww » Fri Nov 26, 2021 5:39 pm

jorgemuralles wrote:
Fri Nov 26, 2021 4:40 pm
I need to figure out the CSS to center the menu on top of the banner
Hi. Try this code

Code: Select all

#jm-bar-in {
	display: flex;
	justify-content: center;
}

jorgemuralles
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Fri Dec 26, 2014 12:35 am

Re: Help - How to center menu on page

Post by jorgemuralles » Fri Nov 26, 2021 6:26 pm

center top modules - mobile.png
This is fantastic, it works, I appreciate this very much.

I need some more help, can you please help me out?

I use the same technique to center two modules in the position above.

It looks good on the desk top.

Now I would like the mobile site to display top modules one below the ther

Translate module

Social Icons Module

Lastly, how could center the menu items, the ones in the square, I would like them all to be center in the square.
You do not have the required permissions to view the files attached to this post.

User avatar
Pavel-ww
Joomla! Guru
Joomla! Guru
Posts: 611
Joined: Tue Jun 30, 2020 12:17 pm

Re: Help - How to center menu on page

Post by Pavel-ww » Sat Nov 27, 2021 7:42 am

Hi. Here is

Code: Select all

@media (max-width: 810px) {
    #dj-megamenu93 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width: 440px) {
    #jm-top-bar-in {
        flex-direction: column;
        align-items: center;
    }
    #jm-top-bar .jm-module-raw {
        margin: 0 !important;
    }
}

jorgemuralles
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Fri Dec 26, 2014 12:35 am

Re: Help - How to center menu on page

Post by jorgemuralles » Sat Nov 27, 2021 3:22 pm

Thank you very much, you are a genius.

I would like to send you something so you can have a coffee on me.

Do you have Pay Pal.

Send me your Pay Pal email

Thanks

Jorge Muralles
Last edited by imanickam on Sat Nov 27, 2021 4:27 pm, edited 1 time in total.
Reason: Removed the email id provided by the post creator

User avatar
Pavel-ww
Joomla! Guru
Joomla! Guru
Posts: 611
Joined: Tue Jun 30, 2020 12:17 pm

Re: Help - How to center menu on page

Post by Pavel-ww » Sun Nov 28, 2021 7:00 am

jorgemuralles wrote:
Sat Nov 27, 2021 3:22 pm
Thank you very much, you are a genius.

I would like to send you something so you can have a coffee on me.

Do you have Pay Pal.

Send me your Pay Pal email

Thanks

Jorge Muralles
Hi. I am glad to help you. Pay Pal is not necessarily, but if you want, sent you PM


Post Reply

Return to “Templates for Joomla! 3.x”