Move menu to the left

Hello @mica123,

You can shift the header menu position to the left with the following steps –
1. Go to WordPress admin dashboard -> Appearance -> Customize.
2. Then go to Header -> Primary Header.
3. Under the Header Elements option, drag the Main Navigation tile above the Site Branding tile and publish the changes.

You can hide the complete copyright sentence in the footer with the following settings Hide Copyright on Desktop, Hide Copyright on Tablet, and Hide Copyright on Mobile located at Customize -> Footer -> Layout -> Footer Bar.
Then you can add some custom text in the footer using footer widgets.

• This reply was modified 3 years ago by bagdesaurabh69.

Thank you. I did that and it worked. But I am puzzled: where is the site branding? I was just experimenting: I disabled site branding, I could see no difference. I enabled it, I could see no difference.
Also, what if I wanted to centre the menu? Is this achievable in your customizer?
Another thing: I need to move the logo to the left as well – above the menu. Is this possible?
Thank you.

• This reply was modified 3 years ago by mica123.

Hello @mica123,

Site Branding includes Logo, Site Title and Site Tagline.

Since you moved Main Navigation above the Site Branding, even after disabling the Site Branding the menu will remain on the left-hand side.

If you wish to center the menu, you will have to change the Header Layout to “Vertical” and then change the Header Alignment value to “Center”.

With this, the logo and the menu will center aligned. If you wish to have both the logo and the menu on the left-hand side then change the Header Alignment value to “Left”.

Thank you, but I would like to keep both the menu and logo on the left without centering the menu. I followed your instructions about alignment – – I changed it to vertical and chose Left. As a result, the logo is below the menu. So I changed the header alignment back to horizontal. Surely, there must be another way of placing the logo on the left above the menu? Will I have to do it with CSS in the child theme?
Also, I would be grateful if you could explain the visual difference between horizontal and vertical header.
Thank you.

• This reply was modified 3 years ago by mica123.

Hello @mica123,

For the vertical layout of the header, you will have to drag the Site Branding tile above the Main Navigation tile under the Header Elements option to make the logo appear above the menu.

• This reply was modified 3 years ago by bagdesaurabh69.

Thank you but could you explain the difference between the vertical and horizontal layout of the header? Whatever I do with it, the header is horizontal. So I don’t understand why it has to be vertical if it is not showing on the website – it is still horizontal which is what I like it to be anyway.
Thank you.

I would like to have a full page with no sidebar which I managed to do in your template. However, Why is the page showing posts? I would like a normal page, full width with no posts.
Can you please help? Thank you.

• This reply was modified 3 years ago by mica123.
• This reply was modified 3 years ago by mica123.

I think I managed to get a full page with no sidebar and no post. But I have a problem with the Home page – this should be a full page with no sidebar – so far I have not worked out how to get rid of it.

I notice that there is a child theme style sheet in the Theme editor. But whatever I put there is having no effect. Is there something I need to do to activate it? Child Theme is activated – so am I missing something?
Thank you.

I managed to work out what the problem is with the Home page. I also managed to work out why the child them stylesheet was not working – it is working now.

I would still be grateful if you could explain the difference between the vertical and horizontal layout of the header? Whatever I do with it, the header is horizontal. So I don’t understand why it has to be vertical if it is not showing on the website – it is still horizontal which is what I like it to be anyway. Just to prevent any misunderstandings, I had to opt for “vertical” in your customizer because I need the logo on the left above the menu.

Another thing: I know I can use additional CSS in your customizer but I prefer to use the stylesheet – it is much neater. However, if I put this code:

body {background-color: red;}

It has no effect unless I put:
body {background-color: red !important;}

What would be the correct CSS for body?

Thank you.

Hello @mica123,

The difference between Horizontal Layout and Vertical Layout is that in Vertical Layout the Site Branding and Main Navigation are stacked on top of each other and in Horizontal Layout Site Branding and Main Navigation are positioned side by side.

You can adjust the position of the Site Branding and Main Navigation position with the Header Elements option of the customizer.

Instead of using CSS you can set the body background colour with the following option of the customizer –
1. Go to WordPress admin dashboard -> Appearance -> Customize.
2. Then go to Global Settings -> Colors & Background.
3. Under the Backgrounds section adjust the colour of the body with Background Color option.

Thank you, but I would prefer the CSS. Please, can you explain what the CSS for the body should be as I outlined in my previous post.
Many thanks.

Hello @mica123,

Background Color option has a higher priority than body tag selector, thus your mentioned CSS needs “!important” rule to override background colour.

Use the following CSS to add background colour to the body –

body.custom-background{
background-color: red;
}