homepage sections not aligning

Highlighted
New Member
1 0 1

my website is Www.luxelunafaceandbody.com 

I notice that certain sections do not align on web view but they do on mobile. Ive resized pics but hasnt fixed it. I suspect i need to add coding but not sure what. 

 

Can anyone assist?

 

Thank you so much 

1 Like
Highlighted
Shopify Partner
7560 1042 2619

Hello, @Luxeluna 

Welcome to the Shopify community!
and Thanks for your Good question.

can you please provide screenshot further issue 

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
Astronaut
1083 178 213

@Luxeluna 

Try this:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.page-container [id^='shopify-section'] > *:not(.page-width){
  padding-left: 55px;
    padding-right: 55px;
	*zoom:1;
	max-width: 1200px;
    margin: 0 auto
}

.page-container [id^='shopify-section'] > *:not(.page-width):after{
  content: '';
    display: table;
    clear: both
}

@media only screen and (max-width: 749px) {
.page-container [id^='shopify-section'] > *:not(.page-width){
        padding-left:22px;
        padding-right: 22px
    }
}

 

This will align all your sections.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes