Edit width of "how did you hear about us" dropdown

Solved
erika71690
Excursionist
47 0 10

I've added a "how did you hear about us?" dropdown menu to my checkout, however it spans the entire width of the screen which is not very attractive. I'd like it to be right-aligned and about a third of the size so it lines up with the checkout info above it.

www.trinketbk.com 

Screen Shot 2021-02-12 at 10.42.05 AM.png

0 Likes
JHKCreate
Shopify Partner
2031 329 443

This is an accepted solution.

Hi @erika71690 

Add the following code to your theme.scss.liquid file:

@media only screen and (min-width: 750px)
{
select#how-did-you-hear-about-us {
    width: 33%!important;
}
}


That should do it! 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
erika71690
Excursionist
47 0 10

Thank you so much! That worked perfectly to adjust the size. Is it possible to align it to the right side as well? I'm not super stuck on this, so if it's not possible that's ok. Figured I'd try and ask though!

0 Likes
Ninthony
Shopify Partner
1634 224 613

This is an accepted solution.

label#how-did-you-hear-about-us--label {
    text-align: right;
    margin-top: 20px;
}

span#how-did-you-hear-about-us--error {
    text-align: right;
}

select#how-did-you-hear-about-us {
    margin-left: auto;
}
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
UmairA
Shopify Partner
586 65 103

This is an accepted solution.

Hey @erika71690,

 

Add the following code instead of the one provided by a fellow.

@media only screen and (min-width: 750px)
{
.template-cart #shopify-section-cart-template div.form-vertical {
     float: right !important;
     width: 33% !important;
}
}

 

Hope that helps!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gmail.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
erika71690
Excursionist
47 0 10

Thank you so much! That worked perfectly.

0 Likes
Ninthony
Shopify Partner
1634 224 613

Hi @erika71690 , could you also mark @JHKCreate 's answer as a solution? I did not mean to steal their thunder and they helped you out first.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D