Social Media Icons on the menu bar

achicjourney · Member · Sep 20, 2017 at 9:24 pm
Copy link

Add topic to favorites
How can I move the social media icons (the ones located in the footer section) to the top menu bar?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Sep 20, 2017 at 9:26 pm
Copy link
Do you have either Premium upgrade or Business upgrade?

The way your themes is designed to function and set up instructions are found at https://wordpress.com/theme/sela. The live demo site link is found there too.

We cannot change the way any theme is designed to function. We can change appearance only, provided we have upgraded and undertake CSS editing.

You require either a Premium upgrade or a Business Plan upgrade https://wordpress.com/pricing/ to edit the CSS on any site hosted by wordpress.com.

Note 1: If you have the required upgrade you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

Note 2: You can also post there prior to purchasing an upgrade to get an answer to whether or not what you want to do can be accomplished via CSS editing.

We cannot change the way any theme is designed to function. We can change appearance only, provided we have upgraded and undertake CSS editing.

You require either a Premium upgrade or a Business Plan upgrade https://wordpress.com/pricing/ to edit the CSS on any site hosted by wordpress.com.

Note 1: If you have the required upgrade you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

Note 2: You can also post there prior to purchasing an upgrade to get an answer to whether or not what you want to do can be accomplished via CSS editing.
timethief · Member · Sep 20, 2017 at 9:29 pm
Copy link
P.S. I apologize for the unintended repetition above.
achicjourney · Member · Sep 20, 2017 at 9:32 pm
Copy link
Hello, I have the Premium upgrade. I will post to the CSS forum. Thanks!
jjchrisdiehl · Member · Sep 20, 2017 at 9:35 pm
Copy link
This wouldn’t be a CSS related issue, this is a theme functionality issue.

The way this theme is set up you would not be able to add social media icons to the top menu bar. What you could do is add links to the menu and have the links go to your social media pages.

Go to your Customizer -> Menus, go to your Primary Menu, click Add Items, then create a Custom Link to your social media page. Click Save.

Though not ideal, this is an effective way to have social links in your top menu, you could also set them as child menu links off of a parent ‘Social’ link.

See here for some information about how to setup menus: https://en.support.wordpress.com/menus/
kathrynwp · Staff · Sep 20, 2017 at 9:46 pm
Copy link
You can move the social links with some custom CSS:
```
.social-links {
  position: absolute;
  top: 50px;
  right: 100px;
}
```
You may want to adjust this on smaller screens; let’s start with this and you can tell me how you like it.
achicjourney · Member · Sep 20, 2017 at 10:02 pm
Copy link
jjchrisdiehl,

I had already tried that but did not like it. Thank you for your help!
achicjourney · Member · Sep 20, 2017 at 10:06 pm
Copy link
kathrynwp,

That custom CSS worked! It looks great!

Thank you so much!
kathrynwp · Staff · Sep 20, 2017 at 10:18 pm
Copy link
Glad that did the trick and you’re very welcome!

No items found.