issue with the maih header bottom header row

  • Resolved bmhkd

    (@bmhkd)


    1 month, 3 weeks ago

    Hello, thanks for the great theme !

    My issue is concerning the layout of the main header, as I choose one with two row (header_layout_4) with the first row having logo on the left and “header-elements” on the right.

    I’m trying to find a way to have my “bottom-header-row”, wich is the one with my menu, centered. It appeared that the menu space is in a “col-md-8” <div> on the left with an empty “col-md-4” on the right.

    Is there a way to make the menu space full-width and centering the text ??

    thanks in advance for the attention !

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @bmhkd,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .bottom-header-inner .row.valign .col-md-8 {
        min-width: 100% !important;
    }

    .bottom-header-inner .row.valign .col-md-8 .nav-menu {
        justify-content: center; 
    }
    Thread Starter bmhkd

    (@bmhkd)

    hi @kharisblank !

    Thanks for the quick response !
    it actually worked out if I don’t use the col on the right, but I’m on a new trouble shooting now…
    seems we gonna need the button on the bottom-row (is there a way to make two different button actually is my next try out…)

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.