Moving Facebook icon from social to top menu in Sela theme

bkr12 · Member · Sep 29, 2016 at 2:15 am
Copy link

Add topic to favorites
Hi everyone – can someone help me please. My Facebook icon is sitting in the social menu right at the bottom and I’d like it to sit at the top right-hand side on the same line as the logo (the top menu) and for it to appear on each page. Could someone please advise/give me some code to cut and paste into the Custom CCS menu so I can move the icon to where it is more visible. Thank you.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 29, 2016 at 6:26 pm
Copy link
Paste this code into the CSS section of the site customiser and see what you think:
```
#page {
  position: relative;
}
#menu-item-16 {
  position: absolute;
  top: 48px;
  right: 55px;
}
```
bkr12 · Member · Sep 30, 2016 at 1:08 am
Copy link
Yes, I like it – thank you so much!

I don’t suppose you could help me with one other tiny thing could you?.

I also want the logo to shift further to the left and for the white area to take up less space so the whole navigation bar section shifts a little further up the page. Could you help me with that too please at all? Thank you so much!
hallluke · Member · Sep 30, 2016 at 3:22 pm
Copy link
Try adding this too:
```
.site-logo-link {
  text-align-last: left;
}
.site-branding {
  padding-top: 10px;
  padding-bottom: 15px;
}
```
If you want to move things even further up you’ll need to crop the image so there’s less empty space at the top and bottom then re-upload it again.
bkr12 · Member · Oct 2, 2016 at 7:37 am
Copy link
Thank you so much, that’s great, I’ll look at re-sizing the logo too.

Thank you.

Lisa

No items found.