Debut theme center my logo and remove search

Debut theme center my logo and remove search

Edgars_Rudzitis
Excursionist
37 0 4

Hello.

I would like that my logo on mobile version is centered, the menu on the left and cart on the right.

 

Would also like to remove search icon for both mobile and desktop.

 

I use debut theme.

Replies 10 (10)

kevinkarma55
Shopify Partner
84 9 10

Hi Edgars,

For sure, I can help. First, let me read your mind and see what the preview link of your site is<i>😂</i>. 
JK please share your preview link first 

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me
Edgars_Rudzitis
Excursionist
37 0 4

 i thought i uploaded screenshot but posted and nothing haha.. now should be ok

Screenshot_20241025_210414_Chrome.jpg

kevinkarma55
Shopify Partner
84 9 10

ohh this is not an easy fix, can you share your header.liquid file and I might be able to change the structure of the HTML to get what you need

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me
kevinkarma55
Shopify Partner
84 9 10

something like this is possible by just checking some HTML and CSS, let me know:

kevinkarma55_0-1729881188943.png

 

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me
Edgars_Rudzitis
Excursionist
37 0 4

Should i copy the code here?

kevinkarma55
Shopify Partner
84 9 10

Here is fine, please use this tool for a better format:

kevinkarma55_0-1729883124232.png

 

Please remember to Like & Mark Solution to the post if it helped you.
Thanks !
If you'd like to support me, you can Buy Me a Coffee
Need help with anything related to Frontend?
Checkout kevinkarma.me

Guleria
Shopify Partner
3504 704 985

Hello @Edgars_Rudzitis ,

 

It's possible but needs customization.
We need to make html adjustments.  

 

If you need help with code part you can drop me an email.

You can find the email in the signature below.

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder
- If you want to help me please PAYPAL

Made4uo-Ribe
Shopify Partner
8747 2091 2564

Hi @Edgars_Rudzitis 

This is doable, but you'll need a developer to make it dynamic. Let me know if you're interested. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

richardcobain
Tourist
25 0 3

 

To center your logo on the mobile version while keeping the menu on the left and the cart on the right in the Debut theme, you can add custom CSS like this:

 

css
Copy code
.site-header__logo { margin: 0 auto; } .site-header__menu { float: left; } .site-header__cart { float: right; }

 

 

To remove the search icon for both mobile and desktop, add the following CSS as well:

 

css
Copy code
.site-header__search { display: none; }
 

This will help you achieve the desired layout!

Edgars_Rudzitis
Excursionist
37 0 4

Sorry for a dumb question.. where to put these codes? 🙂