Hide The Social Bar On A Single PB Page - Question | JoomShaper

Hide The Social Bar On A Single PB Page

AW

Andreas Wojtaschek

Template 2 years ago

Hi, I'm using PB Agency and the Pitech Template. I'm trying to create a microsite that should not have the standard template look. I was able to hide the header by entering "header{display:none;};" in the custom css section of the page. But how do I hide the top bar with the social icons and the contact data?

0
4 Answers
AW
Andreas Wojtaschek
Accepted Answer
2 years ago #39035

Thanks for the quick answer.

But I want to hide the bar just on one single PB side. If I use the custon CSS on the template, it will hide that on all pages.

Any option to hide that bar just on one single PB side?

Thanks again and cheers from Germany.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #39034

Hi

Use this custom css

#sp-top-bar{
    display:none;
}

Custom css Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards

0
AW
Andreas Wojtaschek
Accepted Answer
2 years ago #39040

Yes - it works now in the custom CSS field of the special PB page:

#sp-top-bar{
    display:none;
}
header{
    display:none;
}

This disables the social bar and the header.

Thanks again for the quick help!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #39119

You are most welcome

0