How to change size of checkbox (VENTURE THEME)

Solved
JLbyone
Excursionist
175 17 38

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..

IMG_3025.jpg

JLbyone
Excursionist
175 17 38

anyone know how to?

0 Likes
Danishecom
Tourist
172 4 16

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

JLbyone
Excursionist
175 17 38

@Danishecom wrote:

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


done by pm @Danishecom   thank you!

0 Likes
JLbyone
Excursionist
175 17 38

UP! anyone?

0 Likes

Hi,

Send your store URL which is having checkbox ?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
JLbyone
Excursionist
175 17 38

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 )

0 Likes
JLbyone
Excursionist
175 17 38

Anyone can guide me, to resolve that issue?

0 Likes

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;
}

 

 

 



Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
JLbyone
Excursionist
175 17 38

This is an 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;
  }
}
0 Likes