Align menu to the right

[Dmitry]

Hello,

Can you advise me a quick CSS to move navigation bar to the right side of the header, like it is made on this nice site

https://www.tedcruz.org/

[Laura]

Hello, try adding this to style.css of child theme

COPY CODE

#header .kleo-main-header .container {
    max-width: 1600px;
}
.navbar-header {
    margin-left: 5% !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Dmitry]

Hello, thank you for your advise. This code is working better (percents instead of px in header max-width)

#header .kleo-main-header .container {
max-width: 100%;
}
.navbar-header {
margin-left: 5% !important;
}

But I still have white gaps between colored items of menu, and white gap to the right of the last colored item. Can’t find how to make them look like exactly like here https://www.tedcruz.org/
May be you’ll take a look once more how to achieve it. Thank you.

[Laura]

Hello, try adding this to style.css

COPY CODE

li#menu-item-8385 {
    width: 15%;
}

For more edits you will need to hire a freelancer 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts