How can I make the sidebar menu appear above the header?

[Charbel11]

When I open my sidebar menu , the social media icons are not appearing anymore below., can you fix it so that the menu starts from below the announcement bar and not from below the header. My site is www.salvationlb.com and the pass is reghaw

[ProtoMan44]

@Charbel11  it is time taking work in theme files.

can you please share the theme name?

[Charbel11]

theme name is Theme export 29902f-myshopify-com-dawn 13sep2..., it is a dawn theme

[ProtoMan44]

@Charbel11 For social icons add this code in CSS file :

.js .menu-drawer {
    height: 70vh !important;
}

[Charbel11]

I have put it at the bottom in the base.css file, but it did not work, any other options?

[Charbel11]

can you help me out here??

[ProtoMan44]

can you please share ss where you have put this code @Charbel11 

[soofigadgets]

 wrote:

When I open my sidebar menu , the social media icons are not appearing anymore below., can you fix it so that the menu starts from below the announcement bar and not from below the header. 

---

To reposition your sidebar above the header, modify your HTML and CSS structure. Utilize flexbox by setting the body as a flex container with a column direction. Apply the order: -1; property to the sidebar, moving it above the header within the flex order. Adjust styling as needed to achieve the desired layout, ensuring a seamless visual presentation for your website.