Help aligning split section text

Site URL: https://mplusastudio.squarespace.com/config/design/custom-css

Hi there,

Hoping someone can help. I used a split section plug in to display images on the right and text on the left. On the page https://mplusastudio.squarespace.com/config/design/custom-css, I have broken each category up into different 'sets' of the split section. For example, Kitchen text to the left is section 1 of split and kitchen images to the right is section 2 of the split. This is then repeated for 3 other categories, 2 splits at a time. 

Code injection used for each split section on the page is: 

<div data-wm-plugin="split-sections" 
  data-split-count="2" 
  data-split-widths="40%, 60%,"></div>

Does anyone have any idea how I can align the text to the left with the images to the right? I've tried with various code and adjusted the alignment in squarespace sections themselves but the text just doesn't seem to align with scaled on different devices. 

Any ideas or code that would help would be greatly appreciated. For reference, the plugin I used was https://www.will-myers.com/products/p/split-screen-layout-design-pack. 

Thanks! 

Hi,

What is access password?

https://mplusastudio.squarespace.com/?noredirect

Hi Tuanphan - apologies.

The password is 1234 

Trying to add the spilt section to all of these pages: 

https://mplusastudio.squarespace.com/design-by-space

https://mplusastudio.squarespace.com/new-construction

https://mplusastudio.squarespace.com/consultation-project-management

Thanks!

https://mplusastudio.squarespace.com/design-by-space

Just tested some screen sizes & it looks fine. Did you solve problem?

Hi Tuanphan,

Apologies for the delay, I did fix issue. 

Seemed to be a plugin issue that the owner corrected! 

Thanks!