Add Navigation Social Icons to Mobile Header

Site URL: http://www.takebackyourcareerpodcast.com

Hi there,

I am wondering if it's possible to have the social links/icons from the navigation appear on mobile like it does on the desktop version of the site.

password: boots135

Thank you!

Try this custom CSS:

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
    .header .header-actions, .header .header-actions-action--social, .header .header-actions-action--cta {
        display: inherit;
    }
    .header .header-actions, .header .header-actions-action--social {
        margin-left: -25px;
    }
}

On 11/7/2020 at 6:44 PM, mess_cal said:

Try this custom CSS:

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
    .header .header-actions, .header .header-actions-action--social, .header .header-actions-action--cta {
        display: inherit;
    }
    .header .header-actions, .header .header-actions-action--social {
        margin-left: -25px;
    }
}

 

That worked like a charm. Thank you!!