One page site, no menu

Hey there Ray,

How are you doing today?

You can remove the navigation with some custom CSS. Since you have child theme please try adding the following CSS code to the bottom of your child theme style.css

.nav-menu {
display: none;
}

As for the background image I’m not sure what you’re looking to do, where are you trying to background image?

Hope this helps ??

Best regards,
Bojan

Thank you Bojan!! The css thing worked a treat. Regarding my background image question, I placed an image as a page background. I want this to be a continuation of the logo image. The small image I used as the background, was cropped from the png file of my logo image. I just want it to span the header area, making the logo a seamless part of it. Thanks in advance

Hey again Ray,

If I understood correctly this is what you’re looking to do https://screencast.com/t/JlNutBdOn. If that is the case please try adding the following CSS code:

body.custom-background {
background-image: none;
}

.site-header {
background-image: url('https://www.cilonendoggiedaycare.co.uk/wp-content/uploads/2015/02/header_bg.jpg');
background-repeat: repeat-x;
background-position: 23px 73px;
background-attachment: scroll;
}

This should remove background from page body and add it to your header.

Hope this helps ??

Best regards,
Bojan

That’s it Bojan! Thanks again. Is that just a change to what is already in the parent css? I’d never have spotted it! This WordPress stuff is quite intimidating. Hey, thanks again my friend!

Hey again Ray,

No, please do not edit theme core files, especially if you have child theme. Just add the code I provided in the bottom of your child theme style.css and the styles will be overridden.

Glad I could help ??

Cheers,
Bojan

Hi again Bojan, I know not to play around with the parent css my friend. What I meant was, is the code you sent me duplicTed from the parent css then customised or did you come up with it yourself

Hey there Ray,

Originally body.custom-background is having background image while site header does not.

By adding the code I provide you’ll override the original styles and hide background image from body.custom-background and add it to your header section with a slight modification in background position so it is not displayed on the top but rather in line with the line on your logo.

Hope this makes sense ??

Best regards,
Bojan