Logo header suddenly not responsive

[Prisca]

Hello and Happy New Year!

I have 2 bizarre problems – suddenly my logo in header is not responsive anymore – and also I can’t get rid of a body background even though I removed it from the CSS it is still showing and gold and blue bg… can’t find where it is. http://www.theportwebdesign.com

Thank you 🙂

[Sushil Adhikari]

Hi Prisca,

There you might have used widget specific background color so you are not able to see changes.

Lets start from Banner wide widgets position, there you have used layer slider which is taking transparent background color

.ls-inner {
  background-color: transparent;
}

In order to change it add following css in child them style.css

.ls-inner {
  background-color:  #000 !important;
}

2> call to action widget areas[” WELCOME TO THE PORT WEB DESIGN”]. To change this background color
Go to dashboard->customizer->Colours-> Call to action background.

3> In footer widgets areas [“CLICK HERE TO VISIT OUR CLIENTS’ BLOG”] you have used recent posts. To change this background color
Go to dashboard->customizer->Colours-> Footer background.

OF header issue we had checked your site both on androId as well as ios but we didn’t find any issue. So please share screen shot so we can provide you a solution as soon as possible.

Note: Please use child theme to add custom css so your changes will not lost on theme update.

Thanks

[Prisca]

Hello

Thank you so much for your reply.

It’s a background behind the WHOLE site that I can’t find where I inserted it — in which file. It repeats and sometimes if teh site don’t load right away you can see it. The jpg is in the images folder of the child theme. I even changed the color with photoshop but for some reason it is still the same than before – seems to be the bg that you show in the header but again it repeats vertically all the way to the footer – see screenshot. the name is bg-header.jpg.

It is not in a widget or layerslider – it has to be somewhere in teh CSS or … I don’t know – I searched everywhere and can’t find a way to get rid of it

!

I changed it to yellow but it still show the blue in teh footer. I am completely lost on this one – can’t find that bg – it should in the body tag but it is not and I can’t find it anywhere..

I also attached the yellow one – that’s the one which should show or even better no background at all .

Thank you for your patience 🙂
background-screenshot.jpg
bg-header.jpg

Attachments:

You must be logged in to view attached files.

[Prisca]

Received 2 emails saying that I got a reply but don’t see it here.

And just in case i was not clear enough: I am not talking about the background of the footer or header and all – I am talking about the full background behind the whole site – only place you see it at the bottom below the footer as you see it in the previous image. The one below the shadow – kind of cloudy style – that’s the bg I am talking about and that I can’t find anymore.

Thanks 😉

[Sushil Adhikari]

Hi there,

Background color just below the footer is produced by this code that you have kept on child theme. This might be creating problems.

cir-site-header_shadow{padding:2em 0;
	background:url('./images/shadow.png') no-repeat top center;
	position:absolute;
	left:0;right:0;
	height:80px;
	z-index:99;
	width:100%;
	background-size:100% 100%;
	height:60px;
	bottom:-60px;
 }

If you change this css as following then background color below footer will be removed

cir-site-header_shadow {
	padding:2em 0;
	background:url('./images/shadow.png') no-repeat top center;
	position:relative;
	left:0;
	right:0;
	height:80px;
	z-index:99;
	width:100%;
	 height:60px;
	 bottom:-60px;
}

If still your are not clear, lets discuss on live chat. So we can find exact issue and appropirate solution as soon as possible.

Thanks

[Prisca]

Thank you but this mysterious bg is still there!!! I don’t even have an image like that anywhere in the files. Curiouser and curiouser… it shows the yellow for one second and reverts right away to the wavy blue (below footer shadow).

[Prisca]

Just checked on IE (that I never use so no history there) and it seems that the yellow is sticking – which is the right jpg now. Please can you check on your computer?

Thank you so much 🙂

[Sushil Adhikari]

If the Issue you are pointing is background image in footer, then that is caused by this line of code

.cir-site-header_shadow {
padding: 2em 0;
background: url(‘./images/shadow.png’) no-repeat top center;
position: absolute;
left: 0;
right: 0;
float: left;
height: 80px;
z-index: 999999999;
width: 100%;
background-size: 100% 100%;
height: 60px;
/* bottom: -60px; */

to remove that footer background image then comment out or remove “bottom: 60px;” from above mentioned class which you have defined in chlid theme style.css..

you are talking about bg-header.jpg. where you want to put bg-header, i’m still unclear about that. you haven’t mentioned bg-header in style.css .. so plseae make it clear..
footer-bg.jpg

Attachments:

You must be logged in to view attached files.

[Author]

Posts