How can I shift my entire header to the right and eliminate the search icon?

[elusauna]

 How to move all of it to the right side? And remove search icon?

Thank you 🙂  

[oscprofessional]

@elusauna ,

Please share the store URL.... 

[elusauna]

https://elu-sauna.myshopify.com/

[oscprofessional]

@elusauna ,

First of all remove this CSS.

& add this css in your css file.

.header__inline-menu {
	justify-content: end;
	display: flex;
}
@media screen and (min-width: 990px){
.header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: auto 1fr auto !important;
    column-gap: 2rem;
}}

[PageFly-Richard]

Hi @elusauna 

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css/theme.scss.liquid->paste bellow code in bottom of file

.header__heading{

              margin-left: -80px !important;

}

.header header--middle-left page-width .header--has-menu{

      margin-left: 110px !important;

}

.header__search{

      display: none !important;

}

It will look like this: https://prnt.sc/F3EbXWcbfV2H

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly