Header/Logo Issues

[natroneous]

Hello. I’m having a few issues with the header and logo on my site (http://artmatterslancaster.com/).

1) How do I remove the horizontal grey bar below the logo and navigation? It’s darker on a widescreen, and then lighter on smaller/narrower screens.

2) When viewed on tablets or narrower screen sizes, the navigation seems to push the logo down over top of my content

3) How do I change the color of the text in the very top info bar (486 Royer Drive, Shoppes at Worthington Suite 104, Lancaster, PA 17601) ? I’ve tried basic html in that box, but if I specify white text it makes it blue for some reason.

Thank you!

[SeaTheme]

Hello,

Please login wp-admin, go to Bee / General Settings / Custom Css
Paste the style code to Custom Css:

1) .header_line{ visibility: hidden; }

2) The logo is too big, please try to use this custom css:

.logo-image-retina,
.logo-image { 
    max-width: 250px;
}

3) #top_bar {color:#fff; }

Cheers!
Bwsm – uiueux.com

[natroneous]

Thank you.

1) Works for widescreen, but there is still a line when viewed on a narrower screen. Can we get rid of that one too?

2) I really need to keep that logo at the larger size. Anything else I can do?

3) Worked perfectly. Out of curiousity, how to I change the background color of that bar?

[SeaTheme]

1) `#header_wrap.mobile_active {
box-shadow: none;
}
`
2) Reduce the main menu item.

3) #top_bar { background-color: #5e5e5e; }
change as your color value

[natroneous]

#1 & 3 are resolved and look great!

# 2 (The logo) looks great except on two screen widths (screen shots attached). Since it works so good at all of the other widths, is there anything that can be done to fix it for these?

[natroneous]

Screenshots won;t upload, so they are here:

http://artmatterslancaster.com/wp-content/uploads/Screen-Shot-2015-10-29-at-4.35.01-PM-copy.jpg
http://artmatterslancaster.com/wp-content/uploads/Screen-Shot-2015-10-29-at-4.34.29-PM.jpg

[SeaTheme]

#header_wrap.mobile_active .logo-image-retina,
#header_wrap.mobile_active .logo-image{ max-width: 250px;}
@media (max-width: 979px) {
 .logo-image-retina,
 .logo-image{ max-width: 250px;}
}

[natroneous]

That fixed one of the two widths. I’m still having a stacking issue on the one though… http://artmatterslancaster.com/wp-content/uploads/Screen-Shot-2015-10-30-at-7.36.12-AM.png

I want to truly thank you for your patience. I want you to know I’ve given you a 5 star rating, based mostly on your customer service. It is greatly appreciated!

[SeaTheme]

Please try to use:

@media (max-width: 1199px) {
 .logo-image-retina,
 .logo-image{ max-width: 250px;}
}

If it doesn’t work, please leave your wp-admin(url/user/pass) as private reply, I’ll log in to check it.
We are greatly appreciate for the 5 stars 🙂

[natroneous]

PERFECT!!!!! Thank you again so much for all of your help with this.

[Author]

Posts