Announcement bar not showing up on all pages on mobile?

[alexanderchristiansen]

Hi amazing Swift,
The announcement bar is not showing up on other pages than the front-page on mobile?
But it does on my desktop version.
Can you help me get the announcement bar back on all pages mobile? 🙂

[Kyle – SUPPORT]

Hi

Which pages?

– Kyle

[alexanderchristiansen]

So the only page that I do see the announcement bar on is my frontpage being: http://www.organicbasics.com
If I go to /shop/ or /subscription/ or /concept/ or /cart/ or anything else, it doesn’t show up.

[Kyle – SUPPORT]

You likely have it disabled globally in the theme options

– Kyle

[alexanderchristiansen]

Nope?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add this to your custom css:

#sf-header-banner {
  display: block !important;
}
#sf-banner-widgets .col-sm-4:nth-child(2), #sf-banner-widgets .col-sm-4:nth-child(3) {
  display: block!important;
}

– Kyle

[alexanderchristiansen]

Thanks now it’s back again!
A while ago you gave me this one:

/* REMOVE 2/3 BANNER-TEXT ON MOBILE */
@media only screen and (max-width: 479px) { 
#sf-banner-widgets .col-sm-4:nth-child(2), #sf-banner-widgets .col-sm-4:nth-child(3) {
  display: none!important;
}
}

To make it only show 1 of the instead of three fields. This isn’t working now though?
Three fields is a lot on mobile 🙂

[David Martin – Support]

You will need to override the above:

#sf-banner-widgets .col-sm-4:nth-child(2), 
#sf-banner-widgets .col-sm-4:nth-child(3) {
  display: none!important;
}