Move menu buttons

Astrid
#1

Hello ! :slight_smile:

I would like to thank you all for a great work that really helps making my own website!

tl;dr: How to move menu buttons to the right and how I can make site title in site branding section to appear in one line ?

I have created title and menu which i really like but i have two issues. Menu buttons are mixing with my header image so I want to move them a little bit to the right so they dont mix with background.
Another issue is how I can fix site title in the menu section so it can be viewed in one line instead of two?

Link to my website: http://185.121.170.190/

Thank you in advance!

#2

Hello @downbeatt,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (min-width: 1025px) {
    header#masthead div.site-branding,
    header#masthead nav#mainnav {
        width: 50%;
    }

    nav#mainnav > div > ul > li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

#3

Thank you a lot :slight_smile: now it is perfect !

#4

You are welcome @downbeatt!

And have a nice day :slight_smile:

Kind Regards, Roman.