Button in header disappears on phone view

I have created my online shop and have added a donate button to my header, which links to my donations page, the button cannot be seen when viewing the site on a phone. Can I make it visible or move the button to the left?

2,158 Views
Message 1 of 8
Report
7 REPLIES 7

Are you able to post a screenshot @carey1 ?

 

When my site is viewed on mobile all the header options are located in a drop down menu (so my two other pages that normally have links in the header & also the order button that a on the other side). 

75707540-8895-42AE-84EF-253791113BDD.jpeg

 

474AF00F-F509-41B0-B8B2-B8E6A769D051.jpeg

 

2,152 Views
Message 2 of 8
Report

 
 

Hi

 

Thanks for helping. The first picture shows the web view with the donate button on the right

and the second shows the phone view with the button missing.

 

web.pngPhone.png

2,142 Views
Message 3 of 8
Report
Square Community Moderator

Hey @carey1,

 

Thanks for reaching out! 

 

Were you able to find this option under the menu as per @Sam_400º's example? Let us know how you go 🙂

Seamus
Square, Australia
Sign in and click Mark as Best Answer if my reply answers your question.
2,146 Views
Message 4 of 8
Report

@Seamus from @carey1 's screen shot examples - there isn't a menu option shown on the mobile preview. 

It looks like the donate button takes the place of the order button - but then doesn't replicate on the mobile view? 

2,134 Views
Message 5 of 8
Report
Admin

Hi @carey1 and @Sam_400º, thank you for sending on the screenshot!

 

I've tested this on my end and it looks like the right-hand side button is only visible on web view and not on mobile view, which is something I'll flag to our Product team.

 

For the Donations button to be visible on mobile view as well as web view, there are a few things we can do:

  • Add the donation button to the main banner on the website
  • Add a Donation section to the home page like the screenshot below

Screenshot 2020-11-02 at 11.32.35.png

 

Screenshot 2020-11-02 at 11.33.04.png

 

  • Add Donation to the navigational menu so that customers can still access it by opening up the site's menu

I hope this will help!

 

Tra | she/her
Community Program Manager, Square
2,125 Views
Message 6 of 8
Report

Hi

 

Thanks for your help. I want the button to be visible at the top of the page so it would only be suitable to add it to the main banner as you have suggested, how do I do that? I have a browse button already and there doesn't seem to be an option to add another one.

 

Please would you tell me how to add another button to the main banner?

 

Thanks,

Carey

2,120 Views
Message 7 of 8
Report
Admin

I'm afraid at the moment, it isn't possible to add two call-to-action buttons to the main banner @carey1. I've looked for workaround and you can try to do something using the text and image element, but on mobile one of the buttons will still appear below the other, rather than as equal. 

Tra | she/her
Community Program Manager, Square
2,118 Views
Message 8 of 8
Report