In Desktop the Check Our Products and Shop Now button Looks so good and in the left hand side as below: Desktop
But in Phone when it is so bigger and it does not resize so that it fit to the phone screen. It looks bigger like below :
Is there any way to look the button small like in the desktop ??
Solved! Go to the solution
Hi @Prabin12
Yes possible to make button smaller on mobile. send me your store link I give you solution.
- Feel free to contact me on ahsan.iub123@gmail.com regarding any help
Shopify Expert | Skype: ahsaniub123 | Whatsapp : +92 3012 104 116
Login into your Shopify admin dashboard and navigate to Online Store > Themes > Actions > Edit Code
Search for the file theme.scss.css under assests and open it
In this file add in very bottom below lines of code
@_media screen and (max-width: 640px) {
#section-slideshow .ButtonGroup .ButtonGroup__Item {
padding: 10px;
font-size: 11px;
max-width: 120px;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on ahsan.iub123@gmail.com regarding any help
Shopify Expert | Skype: ahsaniub123 | Whatsapp : +92 3012 104 116
This is an accepted solution.
Hi @Prabin12
Welcome to Shopify community and thanks for posting this question.
Please use this below code at the bottom of your Settings > Online Store > Themes > Action > Edit Code > theme.css file
@media only screen and (max-width: 749px) {
.SectionHeader .ButtonGroup .ButtonGroup__Item { padding: 8px 16px; font-size: 11px }
}
Try and let me know if that works. Hope this helps.
Please use this code,
@_media screen and (max-width: 640px) {
#section-slideshow .ButtonGroup .ButtonGroup__Item {
padding: 8px 10px;
font-size: 12px;
}
}
User | Count |
---|---|
546 | |
209 | |
125 | |
80 | |
41 |