DEBUT THEME - CHANGE SUBSCRIBE BUTTON SIZE

Solved
Highlighted
Excursionist
23 1 4

Hello!

I'm using the debut theme and I am currently having problems with changing the size of the subscribe button here.
Screen Shot 2020-08-24 at 2.22.59 AM.png

I would like the subscribe button to equal the length of the email address box, if that's possible.

Can anyone help me? Thank you

0 Likes
Highlighted
Shopify Partner
952 143 156

Hi There!

Sure thing, would you mind sharing the URL so I can share the updated CSS code to add?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
Excursionist
23 1 4

Hello!

I want to thank you because you just answered my other post and your code worked for me. : )

Here is the same site as earlier

https://spera-collection-ph.myshopify.com/?_cd=143420bc6cd590b368b215b95eb106f9ef050b33d36eef3483605...
pw: neobli

 

thanks so much for this!

0 Likes
Highlighted
Excursionist
23 1 4
0 Likes
Highlighted
Shopify Partner
952 143 156

This is an accepted solution.

Add the following in your theme.scss code:

span.input-group__btn {
    width: 100%;
}

@media only screen and (max-width: 750px)
{
span.input-group__btn {
    margin-bottom: 20px;
}
}

The second code below adds some spacing under the button on the mobile version as I saw it was too tight.

Let me know

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
1 Like
Highlighted
Excursionist
23 1 4

It worked! Thank you again @JHKC : )

0 Likes