not sure why it doesnt work. But I added the TopBar menu and checked it for TopBar menu, however it doesnt get displyed, the only menu that is displayed is the old one under under the logo, which is set only as "Primary menu". Would you know where the issue might be?
actually its centered on mobile and tablet, but for some reason I cant make it centered on Desktop, would you by chance know how to center it on every device? And is it possible to show TopBar only on articles and not on pages?
oh I just noticed, I think it only works on Desktop, when I use a mobile device, I can still see the TopBar even on pages, could you please check? Not sure why it is like that.
Hello,
may I ask how is it possible to create such top level black menu like it is on this website?
https://soledaddemo.pencidesign.net/soledad-men-fashion-shop/
Hi,
The black menu is the top bar area. Please go to Appearance → Customize → TopBar → General Settings → turn on the "Enable Top Bar" option.
Navigate to Appearance → Menus, create a new menu then assign it to the "Topbar Menu" location.
Regards,
PenciDesign.
Hello,
not sure why it doesnt work. But I added the TopBar menu and checked it for TopBar menu, however it doesnt get displyed, the only menu that is displayed is the old one under under the logo, which is set only as "Primary menu". Would you know where the issue might be?
Attached files: topbar.png
sorry, found how to enable it. May I just ask, is it possible to center the TopBar menu and change the colors of background and text? thank you
actually its centered on mobile and tablet, but for some reason I cant make it centered on Desktop, would you by chance know how to center it on every device? And is it possible to show TopBar only on articles and not on pages?
Hi,
Please send me your site URL.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.penci-headline { text-align: center; justify-content: center; display: flex; }Regards,
PenciDesign.
thank you, it worked.
and may I ask if its possible for the TopBar to be only visible on articles, not on pages?
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.penci-top-bar { display: none } body.single .penci-top-bar { display: block; }Regards,
PenciDesign.
thank you! worked
oh I just noticed, I think it only works on Desktop, when I use a mobile device, I can still see the TopBar even on pages, could you please check? Not sure why it is like that.
Hi,
Please add this CSS code:
@media only screen and (max-width: 960px) { .penci-top-bar.no-social.topbar-menu { display: none; } body.single .penci-top-bar.no-social.topbar-menu { display: block; } }Regards,
PenciDesign.