Hide some of top bar content on mobile?

Support
#1

Hi there,

We have a site built with X at:
http://www.evergreen-backcountry.com

We use the small flags on the top left of the desktop view for staff navigation through our different brands. However on mobile they aren’t needed, and take up a lot of room.

Is it possible to hide these on mobile only, while keeping the social icons? The social icons are going to be turned into flags for language navigation, so need to be visible on mobile.

Thanks in advance!

#2

Hey @freedomdesign,

Please add this code in Appearance > Theme Options > CSS.

@media (max-width: 767px) {
    .x-topbar .p-info {
        display: none;
    }
}

Hope that helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.