[Support request] Social icons in header

Home Forums Support Social icons in header

This topic contains 17 replies, has 4 voices, and was last updated by  Leo 10 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
  • #262397


    If this came up here before: sorry.

    I have a floating-right secondary menu in the header. I would like to position the social media icon widget between the secondary menu (top) and the primary menu bar (bottom). Is this possible?

    Here is a screenshot.



    Leo Customer Support

    Hi there,

    Looks like that white space is the header area?
    If so you can add them in the Header Widget area.

    Let me know.



    I can place the icons in the header as a widget, but I cannot get them to move to the right.



    Leo Customer Support

    It should be default to the right – Can you check your setting in Customizer > Layout > Header > Header Width and set it to Full?

    If that doesn’t work are you able to provide a link?



    I have Header Width set to Full and Inner Header Width set to Contained.



    Maybe I should add that I used css to move them downward a little:

    .header-widget .widget {
    padding-top: 40px;

    But removing that doesn’t change anything.


    Leo Customer Support

    Can you provide a link or on localhost?


    Leo Customer Support

    ahh I see the secondary navigation is inside the header…so removing that padding-top code above should move the icons right next to the secondary navigation.

    One way I would suggest is to set the the secondary Navigation Position to Above Header, Navigation Alignment to Right. (Customizer > Layout > Secondary Navigation)

    Then the icons should move to the right with the secondary navigation above them.

    Let me know if you prefer to have the secondary nav inside the header.



    I had it above the header before, but it increases the header height too much. So yes, I would prefer the secondary nav inside the header.



    OT: could you please remove the link? It’s a development site.




    I just found out that when I set the secondary menu’s height to 0, the icons move to the right, but then the menu collapses.


    Tom Lead Developer

    I would have to see the actual site to give exact CSS – I’m assuming it was removed?



    Yes, I don’t want it posted here. I emailed it to support@generatepress.com


    Leo Customer Support

    Hi Leo,

    I see that you have the secondary nav set to Above Header now.
    If you prefer to have it inside header Float Right like before, this CSS should work:

    .header-widget {
        clear: both;

    Sorry it took so many attempts but this should work now. Let me know.



    Hi Tom
    Having same problem..
    Using your social icons in header. It stays on right side even when I move it to center. (Desktop) On mobile seems to show left..above logo.
    Wanted to try to move the icons to center of header as my logo is on left
    Any suggestions

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.