• Hey I’d like to know how to lower the background of my webpage (the wood pattern) so it’s bellow the logo and navigation menu.

    I notice when I shrink my window the layout changes. Something to do with the Responsive code.

    However when the window size is larger the background image is behind the logo and navigation bar.

    Here’s my website provenpropertymanagement.ca

    It’s using the Goran theme.

Viewing 1 replies (of 1 total)
  • First of all, for longevity of the project please do not edit theme files directly. Only apply modifications via Child Theme or Custom CSS plugin, this way we will be able to update theme without losing all the modifications.

    So the first step is to reverse all the changes made directly to theme’s stylesheet, or just reupload a fresh copy of it.

    Hey I’d like to know how to lower the background of my webpage (the wood pattern) so it’s bellow the logo and navigation menu.

    We can achieve that by applying the site background color (white) to the top nav area using this code (via Child theme stylesheet or using a Custom CSS plugin)

    @media screen and (min-width: 1000px) {
    	.hero-image .site-header {
    		background: #fff;
    	}
    }

    but since the font color in nav area is white, so you will have to make change to the menu item color too.

Viewing 1 replies (of 1 total)

The topic ‘How to lower background under navigation menu?’ is closed to new replies.