Limited Time Offer | Get 10% OFF on All Themes Package. Use Coupon Code GRC10 Buy Now

WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Home » Topics » All Other Themes » Social care – Hide header elements on mobile.

Social care – Hide header elements on mobile.

Tagged: header, mobile, optimize

This topic has 3 replies, 2 voices, and was last updated 4 years, 6 months ago by Grace Themes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
September 25, 2019 at 9:46 am #17812

jussi
Participant

Hi,

I’d like to hide the header social bar and news bar on mobile. How can I achieve this?

Cheers

September 26, 2019 at 4:04 am #17828
Grace Themes
Member
Hi,

To hide the header social bar and news bar on mobile
Go to the Appearance -> Editor -> style.css
add below css code at the end of file
```
@media screen and (max-width:767px) {
.header-top { display: none !important; }
}
```
Regards
Grace Themes
September 26, 2019 at 5:50 pm #17846

jussi
Participant

Thanks. I just added it to the additional css box in the live theme customizer. 🙂

September 27, 2019 at 4:43 am #17864

Grace Themes
Member

You are most welcome!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.