Prestige Theme Issue

Solved
Prabin12
Tourist
16 0 1

In Desktop the Check Our Products and Shop Now button Looks so good  and in the left hand side as below: DesktopDesktop

 

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 :q2.JPG

 

Is there any way to look the button small like in the desktop ??

0 Likes
ahsaniub123
Shopify Partner
50 9 6

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

Did my answer work for you? Please drop a Like and Mark it as Accepted.
Want to develop/design/customize your theme Hire me.
Feel free to contact me at Email: ahsan.iub123@gmail.com | Skype: ahsaniub123 | Whatsapp: +92 3012 104 116.
Shopify Expert | Shopify Developer | Liquid Developer
0 Likes
Prabin12
Tourist
16 0 1
0 Likes
ahsaniub123
Shopify Partner
50 9 6

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

Did my answer work for you? Please drop a Like and Mark it as Accepted.
Want to develop/design/customize your theme Hire me.
Feel free to contact me at Email: ahsan.iub123@gmail.com | Skype: ahsaniub123 | Whatsapp: +92 3012 104 116.
Shopify Expert | Shopify Developer | Liquid Developer
0 Likes
Prabin12
Tourist
16 0 1

Its not working4.JPG5.JPG

0 Likes
WinkyApps
Explorer
50 13 12

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.

Did my answer work for you? Please drop a Like and Mark it as Accepted.
If you need further help or want to get something custom built for your Shopify store, then feel free to mail our team on winkyapps18@gmail.com
Happy to help.
0 Likes
ahsaniub123
Shopify Partner
50 9 6

Please use this code,

 

 @_media screen and (max-width: 640px) {
#section-slideshow .ButtonGroup  .ButtonGroup__Item {
    padding: 8px 10px;
    font-size: 12px;
}
}

 

Did my answer work for you? Please drop a Like and Mark it as Accepted.
Want to develop/design/customize your theme Hire me.
Feel free to contact me at Email: ahsan.iub123@gmail.com | Skype: ahsaniub123 | Whatsapp: +92 3012 104 116.
Shopify Expert | Shopify Developer | Liquid Developer
0 Likes
Prabin12
Tourist
16 0 1

wearomatic.com.au

0 Likes
Prabin12
Tourist
16 0 1

wearomatic.com.au

 

0 Likes
Prabin12
Tourist
16 0 1

Hi its working on the basis of editing the text size and the shop now button but I want to align the whole in left.

Is it possible to aligned both into Left hand Side ?

0 Likes