Center page

fijianculturalexperiences · Member · Jul 24, 2018 at 8:44 am
Copy link

Add topic to favorites
if you have a look on my website, you will see the header and the menu bar is not centre aligned. How can i fix this? Thanks

The blog I need help with is: (visible only to logged in users)
journeyhokkaido · Member · Jul 24, 2018 at 8:56 am
Copy link
Hello. I hope I can help you. I see you are using the Radcliffe 2 Theme. It is a great theme with various options.

What you are looking for is in the settings under Customizer. You will see a menu option that says Style Packs. In there you will see a few Styles. You are currently using the Modern Bauhaus which unfortunately is set to right-align. However, if you change it to any of the other 3 styles you will be able to have your title and navigation centered.

I know that the other styles will change the look of your site but you can customize the colors using the Colors and Backgrounds and Font options to have something more similar to the Modern Bauhaus style you are using.

Cheers :)
journeyhokkaido · Member · Jul 24, 2018 at 8:57 am
Copy link
Correction: Modern Bauhaus is set to left-align not right-align.
gemmacevans · Member · Jul 24, 2018 at 11:38 am
Copy link
Hi fijianhomestays,

I’ve written some CSS to centre align the site title, description and menu. The following code can be pasted into My Sites > Customise > CSS, underneath what is already there:
```
.site-branding-text {
	text-align: center;
	width: 100%;
}

#site-navigation > div {
	width: 100%
}

#header-menu {
	margin: 0 auto;
	width: 100%;
}
```
This CSS will work across all the Style Packs @journeyhokkaido mentioned.

Does that do what you are looking for?

No items found.