Hide Ultimate Top Bar - Forum | JoomShaper
Solved Templates

Hide Ultimate Top Bar

Asked by Saint Maur International School 1 month ago Last activity 1 month ago

Hi, is there a way to hide the top bar (predefined heading) on Helix Ultimate? Thanks

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 month ago

Hi,

Yes.

  1. Fist disable all elements from it, from Template Options (Social icons, and modules).
  2. Then you can use simple CSS to hide the bar itself (that should be thin line without the content)

#sp-top-bar {display: none; padding: 0; visibility: hidden;}

2 more replies

Oldest first Newest first Most helpful
Saint Maur International School Asked this
1 month ago

Thanks Paul. I should have clarified that I wanted to hide it in mobile view only. I applied a class as you suggested, with an @media rule and it did the job. Thanks a lot.

Paul Frankowski Senior Staff
1 month ago

yes, you forgot about important part ;]

In predefined header

@media screen and (max-width: 680px) {
#sp-top-bar {display: none; padding: 0; visibility: hidden;}
}

In Custom header, you can do that in two clicks.

Log in to reply.