Header Issue Magazine Pro

[haerog]

Hi all,

I was doing some tinkering with our header and I've messed things up and I'm not quite sure how to fix it.

Issue 1: Our top menu covers half of our header images. I had played with the spacing above the images and now I can't get the images to appear underneath the top menu.

Issue 2: We have an image in the logo area and then two other images in the header. I didn't use CSS and have minimal skills in that area. The two images (Open 24/7 and Call Now) are off center if you look at the site on mobile/tablet. We'd ideally like to have all three images aligned across the header section horizontally on desktop/laptop/tablet and aligned and centered vertically on mobile.

Thanks in advance for any and all help.

http://bit.ly/1E1mukn

[Christoph]

Hi,

you will have to change some entries in the style.css:

1.
Increase the padding-top around line 1049 of the style.css (use 60px or more)

.primary-nav .site-header {
    padding-top: 10px;
}

2.
Increase the padding-top around line 1657 within @media only screen and (max-width: 1023px) {
(again use 60px or more)

.primary-nav .site-header {
    padding-top: 0px;
}

Around line 1676 add the following within @media only screen and (max-width: 768px) {

.primary-nav .site-header img {
		display: block;
		float: none;
		margin: 10px auto;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[haerog]

Thank you very much for your reply. I've made the changes to the CSS but I don't see the changes reflected on the site.
I'm really confused. I've cleared the cache and checked but for some reason that top menu is still swallowing the header section.

I know I'm probably overlooking something but I feel like I've done everything correctly.

[Christoph]

Hi,

don't see the changes in the css.
Make sure to save your changes.

Empty all caches (caching plugin, Content Delivery Network (e.g. Cloudflare), Cache of the host)

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[haerog]

I'm really confused now lol. All of the changes are reflected in the CSS on my end but I've even tried turning off the cache and clearing the cache and still nothing.

Also in the section above our footer all the links are invisible. I guess the link font has been changed to match the background.

Thanks again for your time and help. Sorry for being so slow with all of this.

[Christoph]

I believe you are minifying your css. If that´s the case, turn off the minification, save your changes again and see if the changes are showing up.

For the links in the footer, you have this around line 1491:

.footer-widgets a{
	color:#fff font-weight: 300;
}

You have to add a ; after #fff

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[haerog]

Hi thanks! Was just going to write to say that I had narrowed it down to a caching issue. Thank you for the exact problem.
It was becoming frustrating because I could see the changes saved everywhere I looked. Going to make the changes and I'll let you know. Thanks again for your help.

[haerog]

Completely fixed!! Thank you for your time, patience and help.

[Christoph]

Happy to help and glad you got it fixed.

Please mark this topic as resolved, so it can be closed.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts