How can I move my main menu links to the right in my Crio WordPress header?

Hi Alex,

Thanks for reaching out with your Crio Pro WordPress theme questions. I was able to move the menu links over to the right with a bit of custom CSS. Try adding this bit of CSS to the the CSS/JS Editor section of your WordPress customizer and it should get you close to where you need to be:

#masthead>.boldgrid-section>.container {
    margin-right: 0px !important;
}

I hope this helps, please let us know if you have any other questions for us!

Thanks Alex,

Sorry I didn’t realize the site-title and tagline were included. Try replacing that bit with this media query. You might have to adjust the dimensions a bit to get it to display exactly the way you want:

@media (min-width: 1250px) {
  #masthead .boldgrid-section .container .row .sm-clean {
    margin-right: -40% !important;
}
}

The Font Sizes for the Sites Title, Tagline and Menu Items are controlled from different sections of your customizer:

Site Title – Design > Header > Site Title > Font Size

Tagline – Design > Header > Tagline > Font Size

Main Menu – Design > Menus > Main Menu > Font

You can also create a custom header in Crio to give you more control over your header design. This method allows you to build out your own Page Headers using the same drag and drop features as the BoldGrid Post and Page Builder.

Thanks Alex