Yavor Spassov

This can easily be done with media queries. You can decide to stack both images in the header one above the other, reduce their size or hide them at a particular width of the page.

Colors from customizer overriding stylesheet rules? I would really want to see that! Have you tried adding your styles at the end of the stylesheet using the !important property?

I don’t think so. Try reducing the width of the page below 640px and scroll down to see the countless problems.

I’m glad to be of assistance.

Enter this code at the end of style.css:

@media screen and (max-width: 400px){
   .banner {
	display: none;
}
}

You can make a separate php file for that particular page in the theme’s directory and remove the function get_sidebar. You can copy the code for this page from another page (for example page.php or front-page.php). I haven’t looked at this particular theme though, but this is how I would have done it.

You can customize any child theme.

Simply use “display:none” for the banner id in a media query for certain width of a page.

I don’t think that correcting the width of the header image solves your problems, and they become more apparent when your reduce the width of the page below 640px when the media queries kick in.

I don’t see a hidden padding. Your div with an id of doc3, in which the header is wrapped, sets the maximum width to 1280px. And your header image is smaller than its container at a width of 1200px.

What is the url?

Edit: Sorry. I saw it. I will examine the theme.

What is the url?

You will also need to edit the green.css file found in the same directory and make changes to the code starting at line 78. This one:

.footer-navi {
    background: none repeat scroll 0% 0% #2B4908;
}

You can access the files with notepad from the theme’s directory and make changes from there. Be sure to back them up first.

Printergirl, it is in wp-content/themes/colorway/style.css of your site.

It looks like you have decided on a new theme. ??