Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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.

    #571926

    Hey 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,
    Rikard

    #571935

    Ok 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, 9 months ago by yes9310.
    #572604

    Hi,

    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,
    Rikard

    #575980

    Hi 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.

    #576290

    Hi,

    Ok, please try this instead:

    #header_main .container, #header_meta {
    display:none !important;
    }

    Best regards,
    Rikard

    #576307

    AH thanks but it just removed the logo and the menu again leaving an empty header/

    #576875

    Hi,

    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,
    Rikard

    #577267

    Hi,

    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, 9 months ago by yes9310.
    #577646

    Hi,

    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,
    Rikard

    #578092

    Ok 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.

    #578342

    Hi,

    Try the following instead:

    .home #header_main .container {
    display:none !important;
    }
    
    .home #main {
        padding-top: 67px !important;
    }

    Best regards,
    Rikard

    #578960

    Thanks, but still no menu, but the other pages stayed the same! Almost there!

    • This reply was modified 8 years, 9 months ago by yes9310.
    #579394

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.