Left Alligning Section Title on Venue Theme

Solved
Tourist
11 1 1

Hi, 

 

I have tried to left allign the section title on my page for a while.

After searching the community, I have made these changes:
- Changed the .section__title--center to left.
- Then i had to change the max with so it alligned with the picture above on desktop. 

- After that I had to insert padding (21px) to get it alligned with the picture above on mobile. 

 

Now the issue im having is that the section title on desktop/not mobile is skewed to far right. 

 

Can anyone help? 

https://tuftewear.myshopify.com/

Password: shakaw

 

 

.section__title {
max-width: 1920px;   <---- up from 660px
margin: 0 0 42px;
position: relative;
  padding: 21px;          <----- padding so it gets space on mobile
  
}
.section__title--left {  <------ changed name from .section__title--center to .section__title--left
margin: 0 auto 42px;
text-align: left;            <------ changed from center to left
.section__title-text {
&:after {
    left: 50%;
    margin-left: -18px;
}
}
}
 
0 Likes
Highlighted
Shopify Partner
508 76 97

Hello, 
it's possible to share screen short what do you want.

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
Shopify Partner
1274 103 158

Please share a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
11 1 1

https://tuftewear.myshopify.com/

Password: shakaw

 


@KetanKumar wrote:

Hello, 
it's possible to share screen short what do you want.


 

0 Likes
Highlighted
Tourist
11 1 1

On mobile

Mobile.jpg
On desktop
desktop.jpg

0 Likes
Highlighted

Success.

Shopify Partner
508 76 97

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->find and replace bellow code in bottom of file

.section__title {
max-width: 1920px;
margin: 0 0 42px;
position: relative;
padding: 21px 0px;
}
@media (max-width:767.5px) {
.section__title {
padding: 21px;
}
}

Want to modify or incorporate custom changes on store
If helpful then please Like and Accept Solution.
Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing 
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

Success.

Tourist
11 1 1

@KetanKumar wrote:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->find and replace bellow code in bottom of file

.section__title {
max-width: 1920px;
margin: 0 0 42px;
position: relative;
padding: 21px 0px;
}
@media (max-width:767.5px) {
.section__title {
padding: 21px;
}
}

Want to modify or incorporate custom changes on store
If helpful then please Like and Accept Solution.
Email: bamaniyaketan.sky@gmail.com
Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing 

Thanks a million @KetanKumar That did the trick!

1 Like