Social media icons in right column

  • I’m using the Sela theme on a self-hosted WordPress site – alikelylife.co.uk – and the theme only allows social media icons in the footer.

    I’d like them in the right hand column too (with other widgets) but don’t know the best way to do it! I’d like the icons to be the same as the ones in the footer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Looks like you managed to move your icons to the top right with absolute positioning – are you all set or did you still want any assistance with this?

    Thread Starter Kelseigh

    (@kelseigh)

    Thanks for your quick response, Kathryn.

    I managed to get them in the header (I think on some advice you gave to someone else on the forum actually!) but I want them in line with the other widgets on the right hand side if possible.

    Moderator Kathryn Presner

    (@zoonini)

    I don’t think absolute positioning won’t work to get them in your right sidebar, especially since the sidebar moves to the bottom on smaller devices.

    One thing you could try is viewing your browser source (or using a browser inspector) and copy-pasting the generated HTML code into a text widget. You might need to make some CSS tweaks but it would be a start. Want to give it a try and let me know how it goes? This is what your generated HTML looks like right now:

    <div class="social-links"><ul id="menu-social-icons" class="menu"><li id="menu-item-80" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-80"><a href="https://www.twitter.com/kelseighlouzam"><span class="screen-reader-text">Twitter</span></a></li>
<li id="menu-item-81" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81"><a href="https://instagram.com/kelseighlouzam/"><span class="screen-reader-text">Instagram</span></a></li>
<li id="menu-item-82" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82"><a href="mailto:[email protected]"><span class="screen-reader-text">Email</span></a></li>
</ul></div>

    I actually just tested this quickly on a test site and it looks pretty good. ?? Let me know how it goes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Social media icons in right column’ is closed to new replies.