Move social buttons

ashrouten · Member · Jul 22, 2017 at 7:51 am
Copy link

Add topic to favorites
Is it possible using CSS to move the social buttons from the footer to the top of the page? Somewhere near the menu or site title would be good.

If not how can I CSS the size of them?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jul 24, 2017 at 6:25 am
Copy link
Hi there, with the fixed top header area (when you scroll down), this isn’t going to work. We can “fix” the social menu at the top below the header area, but it will interfere with content on smaller screens. If you wish to see what it looks like, add the following to your custom CSS. It will “fix” the social menu at the top on screens/windows 993px and wider. At 992, the top navigation changes to the touch device menu and the social icons interfere even more with the content.
```
@media screen and (min-width: 993px) {
.footer-right {
  position: fixed;
  top: 150px;
  right: 0;
}
}
```
ashrouten · Member · Jul 25, 2017 at 8:51 pm
Copy link
Many thanks for the reply sacred path. Yes I can see the issue as the social menu will be fixed, which might not be the best solution.

Thank you for looking at this anyway!
thesacredpath · Member · Jul 26, 2017 at 4:25 am
Copy link
You are welcome.

No items found.