Home › Forums › Bee WordPress Theme › Header/Logo Issues
- This topic has 9 replies, 2 voices, and was last updated 10 years, 7 months ago by
natroneous.
-
AuthorPosts
-
October 28, 2015 at 5:14 pm #8791
natroneous
ParticipantHello. 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!
October 29, 2015 at 1:22 am #8793Hello,
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
October 29, 2015 at 12:00 pm #8808natroneous
ParticipantThank 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?
October 29, 2015 at 2:39 pm #88111) `#header_wrap.mobile_active {
box-shadow: none;
}
`
2) Reduce the main menu item.3)
#top_bar { background-color: #5e5e5e; }
change as your color valueOctober 29, 2015 at 8:37 pm #8820natroneous
Participant#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?
October 29, 2015 at 8:55 pm #8821natroneous
ParticipantOctober 30, 2015 at 2:55 am #8831#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;} }October 30, 2015 at 11:40 am #8841natroneous
ParticipantThat 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!
October 31, 2015 at 2:10 am #8844Please 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 🙂October 31, 2015 at 12:51 pm #8854natroneous
ParticipantPERFECT!!!!! Thank you again so much for all of your help with this.
-
AuthorPosts
- You must be logged in to reply to this topic.
