Shopify themes, liquid, logos, and UX
I wish to remove the black bar (top bar), and move the mini cart to the bottom bar, aligned in the middle with the text
Theme: Turbo Portland
Solved! Go to the solution
This is an accepted solution.
Basically like this
Please provide link to you store.
Kidcovey.com
Hi @MangusFA ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </head> tag
<style>
@media only screen and (min-width: 830px) {
.top-bar {
position: absolute;
right: 10px;
bottom: 25%;
background: transparent;
}
}
</style>
Result:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Makka
There isn't a </head> in the file. But it's a <head> at the top. I tried inserting the code there, but it did not do anything.
This is an accepted solution.
Yeah, there was a </body> but there wasn't a </head>. Thank so you so much
@MangusFA - can you please share your page link?
Hi @MangusFA
Did you go to your Online store > Themes > Customize > Header and check if there is an option to change the layout to fit your request? If it does not, then you will need to edit the code of your header file and add some CSS code to make it look like your request
- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024