Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #21866

    James W
    Participant

    Hi, thanks for an awesome theme!

    How can I remove the social icons in header… while keeping the social icons remaining in the footer ?

    I’m currently using WordPress version 3.8.1., X theme version 1.6.0., and stack is RENEW.

    I see an option for this in the customizer -> header settings area… however when I click/unclick this option, it doesn’t remove the header icons?

    Can I simply upgrade theme to fix this? If not, can you please help with the code to use?

    Thanks!
    James

    #21938

    Christian
    Moderator

    Hey James,

    Thanks for writing in and your kind words. You can disable the Top barin header settings or in the Customizer > Custom > CSS, please add the code below.

    .x-topbar .x-social-global {
    display: none;
    }
    

    Hope that helps. 🙂

    #21959

    James W
    Participant

    Awesome! Thanks for the great support

    #22017

    Christian
    Moderator

    You’re welcome.

    #109807

    Christian S
    Participant

    Hi,

    worked great but: How do I get rid of the bar these icons were in? It’s now empty and of no use. Also: How do I get rid of the grey bar underneath the navbar (is that the masthead?!?).

    BTW: Love the theme.

    Thanks in advance,

    Chris.

    PS: Using Integrity.

    #109810

    Christian S
    Participant

    Sorry for spamming. Just disabled the topbar in the customizer. Didn’t show until I shut the customizer though. Still: How to get rid of the masthead (grey bar underneath navbar).

    Best,

    Chris.

    #109820

    Cousett
    Member

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have have provided us with your URL, we will be happy to assist you with everything.

    #109838

    Christian S
    Participant

    Thanks for the quick reply: http://wordpresstest.bell.de/

    The grey bar underneath the Logo/Navbar. BTW it’s not there in the start screen.

    #109845

    Cousett
    Member

    That is the breadcrumbs bar. If you want to remove breadcrumbs under Customizer -> Header -> Miscellaneous

    uncheck the breadcrumbs checkbox

    #109849

    Christian S
    Participant

    Embarrassing question I had there. Thank you for your reply. Didn’t show until I saved and closed customizer though (in my defense).

    Best,

    Chris.

    #109850

    Cousett
    Member

    Glad we were able to help. 🙂 Have a nice day. Sometimes it takes saving and closing customizer to get it reset. Glad you were able to get it to work.

    #185674

    Dennis H
    Participant

    I used

    .x-topbar .x-social-global {
    display: none;
    }

    to remove the social icons from the header, which is great, but I’d love to just target the social icons in mobile. Is that possible?

    #186011

    Rubin
    Keymaster

    Hey Dennis,

    You can do this by wrapping your css around a media query like:

    @media screen and (max-width: 450px) {
    .x-topbar .x-social-global { display: none; }
    }