Shopify themes, liquid, logos, and UX
Hello I would like to bring my cart down so that is aligned with my Menu and then get rid of the white space that will be left. Can someone please help me?
Here is the preview link to my store.
https://jaagfnpmd82rbw2p-55024255114.shopifypreview.com
Thanks in advance,
Solved! Go to the solution
This is an accepted solution.
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file styles.css
Step 3: Paste the below code at bottom of the file -> Save
.top-bar {
position: absolute !important;
width: 100% !important;
margin-top: 10px;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
.top-bar {
position: absolute !important;
width: 100% !important;
margin-top: 10px;
}
@media (max-width: 767px){
.top-bar {
margin-top: 0 !important;
}
}
You can try with this code
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file styles.css
Step 3: Paste the below code at bottom of the file -> Save
.top-bar {
position: absolute !important;
width: 100% !important;
margin-top: 10px;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Worked perfectly! Thanks!
Oh, sorry there is a problem with the code. When I scroll there is a gap between the menu and announcement bar.
This is an accepted solution.
.top-bar {
position: absolute !important;
width: 100% !important;
margin-top: 10px;
}
@media (max-width: 767px){
.top-bar {
margin-top: 0 !important;
}
}
You can try with this code
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
No everything is fine 😃
Thanks!
You are welcome 😊
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025