Main Menu & Top Bar Menu

[RMSAAM]

<p class="p1">I am in the process of migrating my WPLMS to a new server. Original is rmsaam.com - migrating to rmsaam.pitecreative.com for testing until launch.<span class="Apple-converted-space"> </span></p> <p class="p2"></p> <p class="p1">I have two Issues: main menu on test site has too much left margin padding - how do I reduce that?<span class="Apple-converted-space"> </span></p> <p class="p1">also in top bar navigation, two right side items are not displaying in my appearance > menus - how do I edit these?</p>

[RMSAAM]

I am in the process of migrating my WPLMS to a new server. Original is rmsaam.com - migrating to rmsaam.pitecreative.com for testing until launch. I have two Issues: main menu on test site has too much left margin padding - how do I reduce that? also in top bar navigation, two right side items are not displaying in my appearance > menus - how do I edit these?

[logan]

Hello, please share some stills with proper demarcations. I will also need the URL of the page to check the issue.

[RMSAAM]

Live site: https://rmsaam.com Beta site: https://rmsaam.pitecreative.com See screen shot below comparing the left margin main menu width of live and beta sites (beta site is too large, needs to be smaller margin/padding) and top menu links that do not appear in menu on dashboard but are visible on site. See pink edits. If you can give me a secure link I'll give you both site logins. Thank you!

[logan]

Hello, use this css in wp-admin >> appearance >> customize >> custom css. div#headertop ul.topmenu:not(#menu-top-menu) {display: none;} header nav.menu-main-menu-2-container{ position: relative; bottom: -2.8vw; }   header h1#logo a{position:relative !important; top: -10px;} header li:last-child {display: none;} refer: https://share.getcloudapp.com/WnuNGr1Q

[RMSAAM]

This reply has been marked as private.

[Jackson]

Dear user, Now please check all things all are done according to you !

[RMSAAM]

Top bar is good - thank you. But the main menu navigation still has too much left padding. I'm looking to decrease the space to the left of  'Home'  'About' 'Acupressure' etc. and move the entire menu closer to the logo. In other words, https://rmsaam.pitecreative.com/ should match the main menu in https://rmsaam.com/ Let me know if you're not understanding.

[RMSAAM]

Just to add clarification, it seems that on https://rmsaam.com if I shrink page size menu moves left to accommodate; but on the beta site https://rmsaam.pitecreative.com it does not. I guess that's the last piece I'd like too add. Thanks for your help!  

[Diana]

@RMSAAM, On your beta site refer: http://prntscr.com/r9dnsi On live site: http://prntscr.com/r9do0i As you can see there is a difference in the wrapper of nav menu. Correct this, and you are sorted. No need to use any custom CSS then

[RMSAAM]

thank you!  

[Veronica]

thanks for your confirmation. closing this topic.

[Author]

Posts