How to get shipping bar above header

BillyBoyCo
Excursionist
39 0 13

So my header currently overlaps with my shipping bar but i don't want this to happen i want it to be above the header, how can i get this to work.

0 Likes
Vikas_Chovatiya
Navigator
403 89 118

Hi @BillyBoyCo 

Sorry for facing this issue, it's my pleasure to help us.
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Pallavi
Shopify Expert
2209 360 472

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1337 371 908

hello @BillyBoyCo 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.sticky.full-scroll-menu{
	    position: sticky !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
LitExtension
Shopify Partner
1207 154 215

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > styles.scss.liquid and paste this at the bottom of the file:
header.sticky.full-scroll-menu {
top: 50px !important;
}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
BillyBoyCo
Excursionist
39 0 13

Thanks Naztech i was also trying to keep the transparent head and also have the shipping bar above the header at the same time?

0 Likes
Zworthkey
Shopify Partner
472 31 79

Hi, Share your Site url

thanks

Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
If helpful then please Like and Accept the Solution.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/
0 Likes
Zworthkey
Shopify Partner
472 31 79

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

Thank you
I hope it will work

 

.full-scroll-menu .container-fluid {
    background: #74707000;
    position: absolute;
    Top: 0px;
}

 

Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
If helpful then please Like and Accept the Solution.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/
0 Likes
Natztech
Shopify Partner
1337 371 908

hello @BillyBoyCo 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index  .sticky.full-scroll-menu{
	background-color: rgb(253 252 252 / 0%)
}
.template-index  .page-container{
	position: absolute;
    top: 30%;
}
#main-menu li >a{
	color: #ffffff !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes