Centering the menu. And adding more space

hey guys, I’m wondering how to get my menu items more spaced out and centred when I change the Menu settings from Inline To Centred.

(//forums.athemes.com/uploads/db8325/optimized/2X/0/09867269f3077aaeae3a1146877ba0987aae6882_1_690x97.png)
Screen Shot 2019-01-18 at 7.59.32 PM.png1557x219 42.9 KB
](//forums.athemes.com/uploads/db8325/original/2X/0/09867269f3077aaeae3a1146877ba0987aae6882.png)

Also If I add a Notification Bar, this is what happens. I thought if I changed the wrapper from 0 to 6 or something bigger, it would bring it down but it doesn’t.

03%20PM
Screen Shot 2019-01-18 at 8.04.03 PM.png1545x219 44.7 KB

I returned it to how it was but the menu still gets pushed together on a MacBook Air or laptop.

57%20PM
Screen Shot 2019-01-18 at 8.05.57 PM.png1565x170 52.8 KB

Ideally I could get some coding to help me NOT have my menu move, and NOT be transparent. And Be properly inline OR centred…however which way I felt like having it. Here’s an easy example of a site that doesn’t move https://www.259west.com, and is properly inline when I’m viewing it in the same screen in which the prior MacBook Air screen shot was taken. It’s a solid Menu. How can I have that?

12%20PM
Screen Shot 2019-01-18 at 8.11.12 PM.jpg1543x888 162 KB

Please help. I’ve had so much trouble with the menu.

Hello,

I would be glad to help you, but can you please provide a link to your website?

Kind Regards, Roman.

Yes, satorihealth.ca

Kind regards,

Lynn A Chénier, BScN, MA

Mindfulness Coach | Health Consultant

Okay, thank you for the link.

  1. I’m not sure what exactly you want to achieve, can you please specify it more precisely?

  2. Please create a new topic for your notification bar issue to make it easier to help you.

Kind Regards, Roman.

I’d like my menu to be at the top of the page and not move.when you open the page, it’s fine but then if you scroll it gets moved. check it out at www.satorihwcoaching.ca

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (min-width: 1025px) {
    #masthead {
        position: absolute;
        padding: 20px 0;
    }
}

Kind Regards, Roman.

my menu is still moving when you scroll down after putting in the code. Check out my site at www.satorihwcoaching.ca

Hello,

I’ve just checked your website but didn’t see that code applied. How did you add it?

Kind Regards, Roman.

I added the code you provided and kept the menu aligned as it was. Now, the space between the words is tight.

Hello,

So is this issue already resolved?

Kind Regards, Roman.