Minimal theme - Can anyone help with 2 things please?

Solved
Lea88
Tourist
7 0 4

Hey guys, can anyone help with the 3 following issues please?

1. Mobile menu - I am trying to get the word 'Menu' to be uppercase and in Gill Sans Light

2. I am trying to increase the letter spacing throughout all headings including rich text.

 

Anyone able to help me with this please?

0 Likes
Pallavi
Shopify Expert
1157 151 185

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
5370 1237 1583

@Lea88 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Lea88
Tourist
7 0 4

Hello, didnt want to share password publicly, could you message me please? 

thanks!

 

dmwwebartisan
Shopify Partner
5370 1237 1583

@Lea88 

Your messaging is off/disabled. Feel free to message me.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Lea88
Tourist
7 0 4

I couldn't find where to message so I have dropped you an email if that is ok?

 

Thank you!

dmwwebartisan
Shopify Partner
5370 1237 1583

This is an accepted solution.

@Lea88 

Please add the following code at the bottom of your assets/timber.scss.liquid file.

/* to change the mobile menu text in uppercase and change font. */
button#MobileNavTrigger {
    text-transform: uppercase;
    font-family: 'Gill Sans Nova';
}

/* Increase all title spacing */
.section-header__title{
letter-spacing: 5px;
}

/* decrease spacing of gallery images */
@media only screen and (min-width: 769px){
#shopify-section-1614614323a80acdd8 .grid__item {padding-left: 10px !important;}
}

 

Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Lea88
Tourist
7 0 4

You are amazing! That worked! Thank you soooo much!
Lea 

Lea88
Tourist
7 0 4

Actually so sorry to bother you again, I have noticed the spacing has changed for first gallery but not for both on home page? 

Thank you!

 

dmwwebartisan
Shopify Partner
5370 1237 1583

This is an accepted solution.

@Lea88 

Remove the following given code.

#shopify-section-1614614323a80acdd8 .grid__item {padding-left: 10px !important;}

Add this new code instead.

@media only screen and (min-width: 769px){
#shopify-section-1614614323a80acdd8 .grid__item {padding-left: 10px !important;}
#shopify-section-1614427208f133e652 .grid__item {padding-left: 10px !important;}
}

 

Let me know if this works.

Thanks!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App