Making sidebar menu appear above header

Charbel11
Shopify Partner
8 0 0

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

Replies 7 (7)

ProtoMan44
Shopify Partner
146 13 23

@Charbel11  it is time taking work in theme files.

can you please share the theme name?

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Charbel11
Shopify Partner
8 0 0

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

ProtoMan44
Shopify Partner
146 13 23

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

.js .menu-drawer {
    height: 70vh !important;
}
- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Charbel11
Shopify Partner
8 0 0

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

Charbel11
Shopify Partner
8 0 0

can you help me out here??

 

ProtoMan44
Shopify Partner
146 13 23

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

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

soofigadgets
Visitor
1 0 0
 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.