Help - How to center menu on page Topic is solved

[jorgemuralles]

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

[Pavel-ww]

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]

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.

[Pavel-ww]

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]

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

[Pavel-ww]

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