Re: 2 columns email sign-up

Solved

How can I set up a two-column email sign-up form?

julienamoseeds
Tourist
17 0 0

Hi, 

I'm trying to have the standard email sign-up banner on 2 columns

text on the left

email field on the right

Is there an easy way to do that?

Thanks for the help.

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8566 1690 1699

This is an accepted solution.

Ohh, mistake in code a little bit, pleas correct to this 

#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a .newsletter__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a .newsletter__subheading {
    margin-right: 12px;
    margin-left: 0;
    margin-top: 2rem;
}

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

Hi @julienamoseeds 

Please drop your store link here we can check and provide solution

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

julienamoseeds
Tourist
17 0 0

my bad i forget to mention i'm using dawn theme

here is the link:

https://lr7hxjdoww8gwaqi-67050963196.shopifypreview.com

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

Hi @julienamoseeds 

Which section do you want to  change? 

Screenshot 2023-11-10 at 16.01.00.png

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

julienamoseeds
Tourist
17 0 0

the green one

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

Please add thi code at the bottom of your base.css file in Online store > Themes > Edit code 

#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a . newsletter__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a .newsletter__subheading {
    margin-right: 12px;
    margin-left: 0;
    margin-top: 2rem;
}

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

julienamoseeds
Tourist
17 0 0

it doesn't work

Dan-From-Ryviu
Shopify Partner
8566 1690 1699

This is an accepted solution.

Ohh, mistake in code a little bit, pleas correct to this 

#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a .newsletter__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
#shopify-section-template--16913181671676__dcaf565f-c39f-419c-9587-8bed21df453a .newsletter__subheading {
    margin-right: 12px;
    margin-left: 0;
    margin-top: 2rem;
}

- Helpful? Like and Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.