Skip to content
Public Ticket #29290

Top menu

Conversation thread

PenciDesign Supporter replied

Staff Reply

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.

Fjura replied

Customer Reply

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.

Fjura replied

Customer Reply

thank you! worked

PenciDesign Supporter replied

Staff Reply

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.

Fjura replied

Customer Reply

and may I ask if its possible for the TopBar to be only visible on articles, not on pages?

Fjura replied

Customer Reply

thank you, it worked.

PenciDesign Supporter replied

Staff Reply

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.

PenciDesign Supporter replied

Staff Reply

Hi,

Please send me your site URL.

Regards,
PenciDesign.

Fjura replied

Customer Reply

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?

Fjura replied

Customer Reply

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

Fjura replied

Customer Reply

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?

PenciDesign Supporter replied

Staff Reply

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.


Want to join this conversation or access attachments? Sign in first.