-
AuthorPosts
-
January 25, 2016 at 11:56 pm #571689
Hi,
I would like to try to remove the logo bar and logo leaving just menu and the phone bar up top. Is there a special css code I can use and how can of the change the colors of the phone bar to black from gray and have white text, size 14 font and no overlay on top of social media icons? See link below. I tried adding this to change the text in the phone bar and specified black but it kept it gray.
January 26, 2016 at 8:08 am #571926Hey yes9310,
Please try the following in Quick CSS under Enfold–>General Styling:
#header_main .container { display:none !important; } .phone-info span { color:black !important; }
Best regards,
RikardJanuary 26, 2016 at 8:33 am #571935Ok that only removed the logo but made the top header bar taller. I want to make the top phone bar-social media background black with white phone number text and remove the logo header bar completely. Oh yes, and also the menu disappeared.
Please have a look. Thanks Rickard. :-)- This reply was modified 8 years, 11 months ago by yes9310.
January 27, 2016 at 6:25 am #572604Hi,
I’m not sure I understand exactly what you are trying to do, could you post a screenshot or a mockup highlighting your intentions please?
Regards,
RikardFebruary 1, 2016 at 7:36 pm #575980Hi Rikard,
I have a slider in the middle and the logo up top. I was hoping to get rid of the entire top bar and logo and just leave the menu. See link below. Many thanks.
February 2, 2016 at 8:26 am #576290Hi,
Ok, please try this instead:
#header_main .container, #header_meta { display:none !important; }
Best regards,
RikardFebruary 2, 2016 at 8:50 am #576307AH thanks but it just removed the logo and the menu again leaving an empty header/
February 3, 2016 at 5:41 am #576875Hi,
Ok, then I’m not sure what you want to show and not, please post a screenshot highlighting exactly what you don’t want to show. You can upload to a service like imgur.com or a public dropbox folder and then link to it here.
Regards,
RikardFebruary 3, 2016 at 6:58 pm #577267Hi,
Ok I made a print screen of the header the way it looks now. Then edited out the section I don’t want to display in the image under the first header. See what I want to remove? I want the top telephone bar to display and just the menu, but the whole middle header section with logo and background gone.
Also, I only want to do this on the homepage because I have a slider underneath it,, but need the full header on all the other pages so I can’t put it into custom css or it will change it on all the pages.
Any help much appreciated. Thanks, Frank
- This reply was modified 8 years, 10 months ago by yes9310.
February 4, 2016 at 9:01 am #577646Hi,
Ok, please try the following CSS instead:
#header_main .container { display:none !important; } .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main { padding-top: 67px !important; }
Thanks,
RikardFebruary 4, 2016 at 10:01 pm #578092Ok that kind of worked, but there’s no menu and it applied it to all the pages. I only want to apply it to the home page because there’s a slider underneath the menu that has the logo on it. Not sure if it’s possible. Just thought there might be a way. Thanks.
February 5, 2016 at 8:10 am #578342Hi,
Try the following instead:
.home #header_main .container { display:none !important; } .home #main { padding-top: 67px !important; }
Best regards,
RikardFebruary 6, 2016 at 7:59 am #578960Thanks, but still no menu, but the other pages stayed the same! Almost there!
- This reply was modified 8 years, 10 months ago by yes9310.
February 8, 2016 at 7:27 am #579394 -
AuthorPosts
- You must be logged in to reply to this topic.