Index sections side-by side Brine 7.0

Site URL: https://fuchsia-asparagus-gb65.squarespace.com/

Id like to put the second section of the home page to the right of the first section on desktop view. so that it is a 60/40 split.

Any help would be greatly appreciated as ive searched everywhere for this code

Thank you

website example:  https://fuchsia-asparagus-gb65.squarespace.com/

password: example

2 hours ago, Elle_H said:

Site URL: https://fuchsia-asparagus-gb65.squarespace.com/

Id like to put the second section of the home page to the right of the first section on desktop view. so that it is a 60/40 split.

Any help would be greatly appreciated as ive searched everywhere for this code

 

Thank you

website example:  https://fuchsia-asparagus-gb65.squarespace.com/

password: example

Can you share some desired result you want to achieve?

19 hours ago, bangank36 said:

Can you share some desired result you want to achieve?

sure,

www.augustbitters.com

home page has an image then to thr right has text over colour but its an index page that are actually two seperate sections. So when on a mobile device, these stack

On 2/17/2022 at 9:28 AM, Elle_H said:

Site URL: https://fuchsia-asparagus-gb65.squarespace.com/

Id like to put the second section of the home page to the right of the first section on desktop view. so that it is a 60/40 split.

Any help would be greatly appreciated as ive searched everywhere for this code

 

Thank you

website example:  https://fuchsia-asparagus-gb65.squarespace.com/

password: example

2 options to do this

#1. Add this to Design > Custom CSS

/* sections side by side */
@media screen and (min-width:901px) {
section#welcome-home {
    width: 60% !important;
    float: left !important;
    height: 100vh !important;
}

section#home-quote-1 {
    width: 40% !important;
    float: left;
    height: 100vh;
}
}

Option 2. Use Split Layout plugin 

16 hours ago, tuanphan said:

2 options to do this

#1. Add this to Design > Custom CSS

/* sections side by side */
@media screen and (min-width:901px) {
section#welcome-home {
    width: 60% !important;
    float: left !important;
    height: 100vh !important;
}

section#home-quote-1 {
    width: 40% !important;
    float: left;
    height: 100vh;
}
}

Option 2. Use Split Layout plugin 

Thank you, option one kind of worked. 

The third section has stuck to the second and moved to 40% right width too?

On 2/22/2022 at 8:40 AM, Elle_H said:

Thank you, option one kind of worked. 

The third section has stuck to the second and moved to 40% right width too?

The site url doesn't exist. Can you check it again?