Center Logo and Move Hamburger Icon to Left in Mobile Header - Debut Theme

Explorer
49 0 13

Hi,

Is there a way to center my logo image on the Mobile view only? Can I also move the hamburger icon from the right to left on Mobile?

My store URL: nutraesse.com

IMG_0856.PNG

1 Like
Highlighted
Shopify Partner
7469 1032 2595

Hello, @bwbrian 

It can be done by doing some code customization. Please take the help of a developer and hire  Shopify Expert or me

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
49 0 13

Hi Ketan,

Thank you for the info!

Would you know how to align margins of the product info grid items (title, price, "coming soon" tag) with the grid image? This is located on the "Shop" page.

Screen Shot 2020-07-09 at 4.54.39 PM.png

 

1 Like
Highlighted
Shopify Partner
7469 1032 2595

@bwbrian 

Thanks for update 

yes, i can check your second point right now not a issue see the picture

image.png 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Explorer
49 0 13

Hi Ketan,

Can you do this for the "Shop" page on Desktop browsers? Currently, it's misaligned with the product image.

https://www.nutraesse.com/collections/shop

Screen Shot 2020-07-11 at 7.20.24 PM.png

1 Like
Highlighted
Shopify Partner
7469 1032 2595

@bwbrian 

it would be great to explain. Thanks again

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

.grid-view-item__link {
.price {
padding: 0px 15px;
}
}

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Explorer
49 0 13

Hi Ketan,

This doesn't seem to change anything when I added it to the bottom of the file. Any other suggestions?

0 Likes