• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

how to add social media icons on header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › how to add social media icons on header

This topic is: not resolved

Tagged: full header image, social media

  • This topic has 3 replies, 3 voices, and was last updated 10 years, 4 months ago by emasai.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 24, 2015 at 2:56 am #160269
    Sara
    Member

    Hi, I have a full width header image on my website which uses Executive pro theme, and when I add social media widget to header right the icons appear between the header image and the menu, I didn't have this problem when I built another website 2 years ago using the Executive child theme, as you can see here .
    http://www.saheliya.co.uk/
    please help me to add social media to the first website just like on the second one.
    Thanks in advance
    Sara

    http://www.aroundtheworldnursery.co.uk/
    July 27, 2015 at 7:15 pm #160646
    Christoph
    Member

    Hi Sara,

    could you please clarify where you want the icons to appear?
    As you say you are using a full-width header with a picture on the right.

    Right now there are no social icons in the header at all, so it's pretty much impossible to give any assistance.


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    July 28, 2015 at 4:30 am #160704
    Sara
    Member

    Hi Christoph,
    Thank your for your reply
    I am trying to show the icons over the header picture, this was possible when I created a this website
    two years ago, I put the social media icons on the header right space and it worked but this time if I put social media icon widget there it appears between the header image and the menu
    I hope this makes sense

    July 28, 2015 at 7:59 am #160737
    emasai
    Participant

    The difference between your 2 sites is that in saheliya you added the logo as a background image to the header and put the social icons in the right widget area. That way the widget sits on top of the background image in the header. In the aroundtheworldnursery site you have the logo full width in .site-title a . Your full width header is not responsive either.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble