Logo Header / Mobile Logo Header Center Alignment

[Zachy]

Hi all,

I’ve added some custom css to center the logo for the desktop version of this site but it interferes with the mobile version and throws it off.

I’m wondering if there’s a more mobile friendly css code (using %’s maybe) I should use or an ID or Class I can call out specific to the desktop version of the logo header.

Here is my current logo / header css:

#logo {
height: auto !important;
width: auto !important;
margin-left: auto;
margin-right: auto;
}
#header-section #header {
padding: 3px 120px 50px 0;
}

Thanks everyone!
Zach

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try it this way wrapped in an media query, it will only affect resolutions higher than 991px

@media only screen and (min-width: 991px){

#logo {
height: auto !important;
width: auto !important;
margin-left: auto;
margin-right: auto;
}
#header-section #header {
padding: 3px 120px 50px 0;
}

}

-Rui

[Zachy]

Worked like a charm Rui, thank you!!

[Mohammad – SUPPORT]

Hi,
Great thanks to Rui.
Mohammad

[Zachy]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Do you want to increase the height of header?
Thanks
Mohammad

[Zachy]

Well, the header loads with the proper height sometimes and other times it loads too small (occurs both ways within the same sized browser window). I guess I’m just wondering what part of my CSS is causing this to occur.

[Mohammad – SUPPORT]

Hi,
Please find this code:-

padding: 3px 120px 50px 0;

Replace with this code:-
padding: 3px 120px 50px 0 !important;

Thanks
Mohammad

[Zachy]

I gave it a try but it still seems to be happening unfortunately. I cleared browser cache / cookies just to be sure.

[Mohammad – SUPPORT]

Hi,
Can you please provide me specific page url where you see this issue?
Thanks
Mohammad

[Zachy]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Couldn’t replicate, I always see the correct logo size. I tried in Chome, Firefox, Safari on a Windows 7 machine.

Can you try Chrome using the incognito mode because some cache in browser/proxy could be causing this.

http://browsers.about.com/od/googlechrom1/ss/google-chrome-incognito-mode-osx.htm

Thanks

-Rui

[Zachy]

It was happening to me on IE and Safari but not Firefox(I have Firefox set to not store any cache or cookies). Perhaps it is just a cache issue. I’ll give incognito mode with chrome a shot and I’ll also try installing a plugin for WordPress to force users browsers to refresh their cache for the site. Ill keep you posted.

[Rui Guerreiro – SUPPORT]

Ok. Let us know the result.
-Rui