What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Debut theme center my logo and remove search

Debut theme center my logo and remove search

Edgars_Rudzitis
Excursionist
40 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
101 11 11

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
40 0 4

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

Screenshot_20241025_210414_Chrome.jpg

kevinkarma55
Shopify Partner
101 11 11

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
101 11 11

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
40 0 4

Should i copy the code here?

kevinkarma55
Shopify Partner
101 11 11

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
3692 741 1039

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 Skype: live:navrocks1
- Try GEMPAGES a great page builder

Made4uo-Ribe
Shopify Partner
9146 2183 2698

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

richardcobain
Excursionist
40 0 4

 

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
40 0 4

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