Header Ad

Hey again,

I’ve checked your site and I can see what you mean about the header.

However, since you have right clicking disabled by one of your site I’ve been having hard time inspecting your site and going through HTML, can you please disable that plugin while we’re doing this?

It appears that some of the other elements is going out of the content which is possibly causing this but as I mentioned above going through HTML in inspector is really hard and slow without ability to right click.

Best regards,
Bojan

Hey again,

I’ve tried my best to figure this one out but without real success since I’m not really sure what kind of responsive mode are you using.

I’ve also checked the theme and it seems responsive, but when checking your site the responsive CSS is not being applied.

What happens there is the div where your banner is places is inside the body element of your site so when you open your site on mobile resolutions the body element is getting the correct width, while your element with ID page is having fixed with of 1008px. Since the banner is wrapped with body element it can’t properly expand and center because of width of its wrapper and to center it in this scenario we’d have to define width of that banner holder which would not be responsive if that makes sense.

Best regards,
Bojan

Hey again,

Well the banner is hard coded somehow, probably just added in your header.php. What you can do is define its width in HTML but the issue with that is it will have the same width on all resolutions so this is not a proper solution.

I’m not sure what the original issue was when you removed/disabled responsive CSS but this is definitely not a good way to do that.

You can simply add ads in header, there are even videos about that which you can check here https://www.youtube.com/watch?v=gVC7sQnT348.

Best regards,
Bojan

Hey again,

I understand, to do this you’ll have to edit your theme header.php which is located in the root folder of your theme.

The proper way to do this would be first creating a child theme, then making a copy of header.php there and than making the changes in your child theme header.php. By doing this you’ll avoid losing all changes you made once you update your theme.

With that being said you can add the code similar to one you used above with few modifications, so you’d want to add something like this:

<div class=”headerbanner”><img src=”http://merrytomarry.ph/wp-content/uploads/2015/08/AMagicalEvent_Platinum_728x90-2.jpg&#8221; alt=”AMagicalEvent_Platinum_728x90 (2)”/></div>

This will just add and image in your header, I’ve added a class to that specific div which we can use to apply different CSS to it. This means centering it, adding width, height etc.

Hope this helps 🙂

Best regards,
Bojan