7.1 block arrangement on mobile

Site URL: https://www.locomotive.club/

I'm using 7.1 and want to rearrange the display of my social link block to appear at the bottom of my site on mobile, while maintaining a different position on desktop. Is this possible?

You can add Social Block on Footer. Then we can give the code to remove it on Desktop, and remove Header social on Mobile

Awesome, thanks for the quick reply!

Just added it on as a footer, can you give me the code for both of those things please?

18 hours ago, JordanCameron said:

Awesome, thanks for the quick reply!

Just added it on as a footer, can you give me the code for both of those things please?

It seems you solved? I see 1 social block only here

I removed the footer social block since there were going to be some folks looking at the site – I'd still love the code so I can add it back in if that's possible!

15 hours ago, JordanCameron said:

I removed the footer social block since there were going to be some folks looking at the site – I'd still love the code so I can add it back in if that's possible!

You can add Social Block on Footer. Then we can give the code to remove it on Desktop, and remove Header social on Mobile

Got it – the social block is now added on footer. Ready for the code.

On 6/2/2020 at 7:17 AM, JordanCameron said:

Got it – the social block is now added on footer. Ready for the code.

Add to Home > Design > Custom CSS

/* remove footer social on desktop only */
@media screen and (min-width:768px) {
div#block-a62644b859972108200b {
    display: none;
}
}
/* remove header social on mobile only */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1589928952821_4914 {
    display: none;
}
}

Thanks! That worked to remove the social block in footer in desktop, is there a way to remove the footer on desktop altogether as well?

On 6/5/2020 at 12:10 AM, JordanCameron said:

Thanks! That worked to remove the social block in footer in desktop, is there a way to remove the footer on desktop altogether as well?

Hi. Sorry for the delay. Have you solved yet?

No worries! Still haven't solved this one – any help appreciated!

To remove footer on desktop, add this to Home > design > Custom CSS

@media screen and (min-width:992px) {
footer#footer-sections {
    display: none;
}
}