• Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #20762 - Menu items and logo conflict

Hello,

I have a problem with the menu. I want to add a few more options but after the fourth option the fifth is displayed behind the main logo (see attachment).
Is it possible to display the menu a bit lower so that it doesn’t conflict with the logo and I can use the whole width of the screen ?

Thank you in advance!
Mariusz

Attachments:

menu logo conflict.png (63.2 KiB)

Comments

Fred 14 Feb 2021, 23:04

Hi, Mariusz.
You can reduce the space between items with following CSS

@media (min-width: 1280px) {
    body .pk-menu-horizontal li.level-1 > a {
        padding:15px 10px
    }
}
Mariusz Wisniewski 16 Feb 2021, 20:56

The thing is I’d like to use all the width. This is why I’m asking about the possibility to put the menu below the logo.
Can this be done using CSS according to you? If not, which file are these divs located in?

Fred 16 Feb 2021, 23:20

but you can reconfigure header layout in the Header Builder, have you tried?

Mariusz Wisniewski 18 Feb 2021, 22:03

Well that’s embarassing… I forgot about the Header Builder.

Thanks Fred!

Fred 18 Feb 2021, 22:12

You are welcome!