How to change size of checkbox (VENTURE THEME)

[JLbyone]

Hi there! anyone know how to change that size of checkbox? on my desktop view its showing correctly but on my mobile device, its much bigger than i want..

[JLbyone]

anyone know how to?

[Danishecom]

@JLbyone please share with me store url and let me do it for you thank you.

[JLbyone]

---

@Danishecom wrote:

@JLbyone please share with me store url and let me do it for you thank you.

---

done by pm @Danishecom   thank you!

[JLbyone]

UP! anyone?

[oscprofessional]

Hi,

Send your store URL which is having checkbox ?

[JLbyone]

hi @oscprofessional thanks for your time sir! here is my url preview : https://oxvbp3002u8u05zw-53196980409.shopifypreview.com

in mobile view is the problem with that checkbox (but in a real mobile view, not in developer view with responsive )

[JLbyone]

Anyone can guide me, to resolve that issue?

[oscprofessional]

Hi,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px) {
input#privacy {
    width: 11px;
}
}

Note: If the media is already in your file then add this css only

input#privacy {
    width: 11px;
}

[JLbyone · Accepted solution]

thanks for your reply sir! you guide me to make it happen! here is the code i used to make that correctly on real mobile view

@media only screen and (max-width: 749px) {
  input#privacy {       
   -webkit-font-smoothing: antialiased;   
    display: inline-block;    
    width: 15px;
    height: 15px;
    min-width: 15px;
    outline: none;
    box-shadow: none;
    background: white;
    border: none;
    cursor: pointer;
    vertical-align: baseline !important;
    padding: 0;
  }
}