Help - How do I make these changes

Solved
Highlighted
Tourist
9 1 2

help reco.jpg

 

Aplogies for the fairly poor paint mock up but I'm looking to change the header of my site in mobile view, I'm fairly happy with it on desktop but on mobile it looks a little cluttered.

Below are the changes I'd like to make: (Mobile)

- remove the extra cart button on the right hand side

- Move the smaller cart icon and search bar to the right 

- remove the login / my account 

 

(desktop)

- Make the header full width, currently it only covers 2/3 of the screen

 

 

Thanks in advance for any help!

1 Like
Highlighted
Shopify Partner
4869 720 1556

This is an accepted solution.

Hello, @willh4321 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

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
Tourist
9 1 2
0 Likes
Highlighted
Shopify Partner
4869 720 1556

This is an accepted solution.

@willh4321 

Thanks 

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

 

.site-nav, .site-nav--mobile {
margin-left: 0;
    text-align: right;
}

 

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
Tourist
9 1 2

This is an accepted solution.

Thanks! That worked great any idea how I remove the duplicate large shopping cart icon?

0 Likes
Highlighted
Shopify Partner
4869 720 1556

This is an accepted solution.

@willh4321 

header.site-header .grid__item.large--hide.one-quarter {
    display: none;
}
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