Refresh Theme - Remove Space Between Banner And Button for Mobile

Store Design
1

Hi

How do I reduce the space above and below the “button” of my Image Banner, in Mobile view, so it kind of sits just below with reasonable spacing.

I have attached a photo.

shopifyQ image banner.png
shopifyQ image banner.png1480×1236 78.9 KB

Thanks

2

Hi @zoose

Could you share your store URL?

3

Hello @zoose ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

@media screen and (max-width: 767px) {
  .mobile-button {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

Save and preview

Hope this can help.

Transcy

4

Hi

Thanks for your reply.

That code did not seem to change anything though.

Do you have any other potential solutions please?