Make mobile menu for entire site

Hi i am trying to align the menu with the logo on the header it currently is not matching and i want them to be center aligned, also i want to make the letters on the menu smaller, can you help me with this?

https://www.gomezpadilladesign.com/
pass - maye

Thank you

Add this Website > Website Tools > Custom CSS

.header-menu-nav-folder[data-folder="root"] {
    overflow: hidden;
}

body.header--menu-open .header-title-logo>a {
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

div.header-menu-nav-item a {
    margin: 10px;
    font-size: 18px;
}

the logo is still not centered with the menu and now it has an animation can you help me fix it?

On 9/17/2023 at 11:19 AM, mdegortari said:

the logo is still not centered with the menu and now it has an animation can you help me fix it?

 

Try this new code

.header-menu-nav-folder[data-folder="root"] {
    overflow: hidden;
}

body.header--menu-open .header-title-logo>a {
    position: absolute;
    left: calc(~"50% + 25px") !important;
    transform: translateX(-50%) !important;
}

div.header-menu-nav-item a {
    margin: 10px;
    font-size: 18px;
}

Animation: You mean menu items jump up when menu is open?

No, it slides to the side when i click on the menu

Quote

 

and it still not centering with the menu...

Slide like this site? (see mobile)

https://www.woctulsa.org/

With above code, can you keep it in CSS box? I can check it again easer

no, I need the logo and the nav menu to be aligned centered of the browser right now they are not aligned

On 9/23/2023 at 1:55 AM, mdegortari said:

no, I need the logo and the nav menu to be aligned centered of the browser right now they are not aligned

It is fine to me now (Windows/Chrome)

@tuanphan but it not aligning to other centered elements in the site see this

Can you help me fix this? 

On 9/26/2023 at 11:58 PM, mdegortari said:

@tuanphan but it not aligning to other centered elements in the site see this

Can you help me fix this? 

Can you share link to this page?