Would you please provide the link of your site?
You have to write some custom code because this feature is not available on theme.
Thanks
Hi Wen. http://www.kirstycoventry.com thanks for your help.
Hi there – this is a bit tricky in Cubic because:
– there is a panel toggle already at the top right
– Cubic is already a child theme (of Boardwalk) so the types of code changes you can do are limited to CSS ones only.
I’m going to ask my colleague to have a look and see if this is possible with CSS alone.
WEN Solutions – if you have a CSS solution feel free to chime in.
tabatana – it looks like you’ve already made changes to the footer file. Please keep in mind that this means you’ll lose your changes after every theme update, so it’s not recommended.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi tabatana, the footer, which includes the social media navigation is set for position: fixed;. That means that we have to set that back to either static or inherit in order to be able to move the social menu out and up to the top right with CSS. Sadly I cannot find a way to keep the normal footer showing on the main page of your site on larger screens.
What I have done below is to limit this change to screens/windows 480px and wider, because below that, the social icons overlap with your site title. Give this a try. You will need to style the social icons to fit in the header area and match the menu toggle area. Put that styling inside of the media query so that it only affects things when we have done the change.
@media screen and (min-width: 480px) {
.archive .site-footer, .blog .site-footer, .search-results .site-footer, .site-header {
position: inherit;
}
.social-navigation {
position: absolute;
right: 73px;
top: 0;
width: auto;
}
}
Thank you so much you guys!
