Resize buttons only on mobile, debut theme on landing page

Store Design
1

Hey, I would like to resize these buttons on my landing page. They are a little too large for my liking. It makes my site look clunky. I would like this change only on mobile

This site has buttons around the size I would like, it does not have to be exact: https://www.balenciaga.com/en-us?ad=RSA&purebrand&gclid=CjwKCAiAp7GcBhA0EiwA9U0mtqcJTQdserK6AofdRbj76-6NIS19j1BW8mbwLNbIJQlG1ZsLLRJ0vRoCOxQQAvD_BwE&gclsrc=aw.ds

IMG_2517.png
IMG_2517.png279×604 184 KB

IMG_2516.png
IMG_2516.png279×604 202 KB

My website is https://lobonewyork.com/

Thank you

2

@gihan7575
put below css into theme.liquid before closing tag
3

Hi @gihan7575 ,

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets → theme.css

@media (max-width: 767px) {

.index-section--slideshow .slideshow-wrapper .slideshow__btn-wrapper a {

    width: 171px !important;

    min-height: 0 !important;

    line-height: 1.4 !important;

}

}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

1 Like
4

Hello @gihan7575 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670232232340.png
GemPages_0-1670232232340.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1670232454069.png
GemPages_1-1670232454069.png1913×905 71.9 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

5

Victor back at it again with good solutions.

6

Thank you, Gempages.

1 Like
7

This did not work, but I appreciate the try.

8

Hello @gihan7575 ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team