Archived topic

Trying to put the widgets on the right side of the (centered) logo

3 replies · Started by Vladica on March 12, 2020

Viewing posts 1–4 of 4

March 12, 2020 at 12:24 am #1192535

Hi there,
I have put two widgets in a header but they appear only on the right side.
Is there a way to put a widget on the left side of the logo as well?
Also the widgets on the right have pushed the logo to left (for their width). Is this something I should adjust with css?

Also I would like to ask you.
On that site I have removed Padding on ‘Home Hero’ header but when I resize the header to phone size there is a a lot of padding top and bottom and I don’t know where it comes from. Its not from the slider and ‘Home Hero’ heading does not have padding settings for different screen sizes?

Thanks

March 12, 2020 at 3:27 am #1192662

Hi there,

try adding this CSS:

@media (min-width: 769px) {
    .inside-header {
        position: relative;
    }
    .header-widget {
        max-width: unset;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 45%;
        left: 0;
    }
}

March 12, 2020 at 7:48 am #1193002

Thanks David,
that worked well.
Can you please advise on max menu plugin that will work well with theme in terms of speed?

March 12, 2020 at 4:08 pm #1193320

Max Mega Menu or Uber Menu are the two most commonly used plugins.
Or you can follow the steps here to create your owns simple mega menu:

https://docs.generatepress.com/article/building-simple-mega-menu/

This archived topic is closed to new replies.

Start building better websites today.