mdegortari Posted September 13, 2023 Share Posted September 13, 2023 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 Link to comment
tuanphan Posted September 17, 2023 Share Posted September 17, 2023 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mdegortari Posted September 17, 2023 Author Share Posted September 17, 2023 the logo is still not centered with the menu and now it has an animation can you help me fix it? Link to comment
tuanphan Posted September 19, 2023 Share Posted September 19, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mdegortari Posted September 19, 2023 Author Share Posted September 19, 2023 No, it slides to the side when i click on the menu Quote Link to comment
mdegortari Posted September 19, 2023 Author Share Posted September 19, 2023 and it still not centering with the menu... Link to comment
tuanphan Posted September 22, 2023 Share Posted September 22, 2023 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mdegortari Posted September 22, 2023 Author Share Posted September 22, 2023 no, I need the logo and the nav menu to be aligned centered of the browser right now they are not aligned Link to comment
tuanphan Posted September 25, 2023 Share Posted September 25, 2023 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) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
mdegortari Posted September 26, 2023 Author Share Posted September 26, 2023 @tuanphan but it not aligning to other centered elements in the site see this Can you help me fix this? Link to comment
tuanphan Posted October 1, 2023 Share Posted October 1, 2023 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? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment