Header size

[ben_fm]

Hi, short version of the header still looks fullwidth. Please help. https://prnt.sc/pmv30h

[themes2go]

Hello!
I’m not sure if I totally understood your request.
Could you please be more precise?

Thanks

[ben_fm]

Header should be “in grid” in short version, right? it is not and still spanning fullwidth as you can see in the screenshot.

[themes2go]

Hello!
The short parameter affects the height of the header, not its width.
If you’re building your pages with WP Bakery Page Builder you should edit the row you want to stay in grid and uncheck the “Add Container” setting.

https://imgur.com/lbNGGvG

If you are not using WP Bakery Page Builder you can consider switching page template to Page Full Width Boxed

https://imgur.com/PXaaUO0

Let me know if these hints work for you.
Best

[ben_fm]

Oh ok, so how about the header menu? How can we make it in grid?

[themes2go]

Hello!
Included with the theme there is no such functionality. Header will always be full width as shown on our online demos. You could edit the source code of the theme but I can’t help you as this kind of customizations go out of the support territory.
If you are not able to edit the PHP code I suggest you hiring a developer on codeable.io or Envato Studio (https://studio.envato.com/).

Hope this helps,
Andrea

[themes2go]

Hello Ben, I’m Igor from themes2go development.
I have some CSS for you that can help you keeping the menu in the boxed size.
But please note that the secondary menu must be made transparent for this purpose, as otherwise you would see the “brick” of the background on top of the header.

So, I also added a line underneath as separation, up to you any design fix.

This is the CSS you can copy in the customizer

@media only screen and (min-width: 1201px){
.qt-menubar ul.qt-desktopmenu, .qt-menu-secondary {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 0px;
  }
  ul.qt-menu-secondary {
    
    display: block;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    background: transparent;
    border-bottom: 1px solid;

  }
}

Please note that, as per Envato contract, we shouldn’t be providing code customizations, as these are made by professionals form Envato, so I can point you in the right direction, but then is up to you the fixing of subsequential design details.

Regards and have a nice day
Igor

• This reply was modified 5 years, 1 month ago by themes2go.
• This reply was modified 5 years, 1 month ago by themes2go.