Social Icons Header Right

Tagged: Navigation Bar, Social Icons

This topic has 12 replies, 3 voices, and was last updated 7 years, 10 months ago by Mahesh.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
October 18, 2016 at 1:04 am #101668

Jérémie
Participant

Hello,

I’m facing of a problem with the Social Icons widget.
I’d like to add them to the Header Right but it doesn’t work, I don’t see anything.
What I did :
I went to the Apparence > Widgets and drag and drop the CT: Social Icons to the Header Right. I guess (and I read), that’s enough.

Thanks in advance guys.

Jérémie.

October 18, 2016 at 9:30 am #101693

Mahesh
Participant

@jeremie-marty: Have you added any social links? Go to Dashboard=> Appearance=> Customize=> Social Links and add the social links here. Those added here will appear on the Social Icons widget.
Let me know if you have any problem.

Regards,
Mahesh

October 18, 2016 at 11:36 am #101703

Jérémie
Participant

Good Morning,

Thanks you for your answer.
Yes, I already added social links. Anyway, my CT:Social Icons works if i put it anywhere else (primary sidebar for example)

Thanks,
Jérémie

October 18, 2016 at 4:17 pm #101714

Mahesh
Participant

@jeremie-marty: Is it still not working? Please post in your site url.

Regards,
Mahesh

October 18, 2016 at 4:17 pm #101715

Mahesh
Participant

@jeremie-marty: Is it still not working? Please post in your site url.

Regards,
Mahesh

October 18, 2016 at 8:54 pm #101735

Jérémie
Participant

it still doesn’t work.

Here my website (in french 🙂 ) :
http://www.la-plume-descampette.com

To make a test, I put the widget on both place : in Primary Sidebar (the display works, you can see it) and in the Header Right (it doesn’t work)

Thanks,

October 19, 2016 at 10:22 am #101753

Mahesh
Participant

@jeremie-marty: Seems like, your Header Right Sidebar is disabled. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Header Right Sidebar Options and make sure that Check to disable Header Right Sidebar option in Unchecked.
Hope this helps.
Let me know if any problem.

Regards,
Mahesh

October 19, 2016 at 11:14 am #101756

Jérémie
Participant

Hello Mahesh,

You were right, it was disabled …
Thank you very much for your help 🙂

Regards,

Jérémie.

October 19, 2016 at 12:01 pm #101758

Mahesh
Participant

@jeremie-marty: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

January 27, 2017 at 7:46 pm #108164

Carolyn
Participant

Hi there,

I have Catch Responsive Pro and would like to move my social icons from the header right to the navigation bar. Is this possible? If I can move the social links I’ll then disable the header so that everything moves up the page – I really don’t the search box at the top right either!

URL: http://www.qetello.com (let me know if I need to turn the coming soon plugin off for you to view the website!)

At the moment I only have my LinkedIn url saved.

Huge thanks,

Carolyn.

January 29, 2017 at 10:50 am #108247

Mahesh
Participant

@qetellocaro: Please disable coming soon plugins. Need to check in your site.

Regards,
Mahesh

January 29, 2017 at 8:54 pm #108274

Carolyn
Participant

Hi there,

All disabled – thanks! I’d like to have my social media icons aligned to the left of the magnifying glass on the navigation bar at the top of the website.

Huge thanks,

Carolyn.

January 30, 2017 at 11:14 am #108315
Mahesh
Participant
@qetellocaro: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:
```
@media screen and (min-width: 991px){
    #masthead {
	position: relative;
    }

    .sidebar-header-right {
	position: absolute;
        top: 0;
        right: 50px;
    }
    
    #search-toggle {
        position: absolute;
        top: -151px;
        right: 0;
        background-color: #000;
    }
    #search-toggle:hover {
        background-color: #000;
        color: #fff;
    }
}    
@media screen and (min-width: 991px) and (max-width: 1100px) {
    #search-toggle {
          top: -122px;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1151px) {
    #search-toggle {
          top: -132px;
    }
}

@media screen and (min-width: 1152px) and  (max-width: 1280px) {
    #search-toggle {
          top: -138px;
    }
}
```
Regards,
Mahesh
Author

Posts