Jump to content

Button Element Does Not Appear In Mobile View

Recommended Posts

Site URL: http://www.firstcall-ambulance.com

At the far right hand of the site header I've added a large "Pay Your Bill" button that links to our credit card processor. Unfortunately It's just been pointed out to me that in mobile view that button is nowhere to be found. 

Screenshots are attached. Let me know how bad of a rookie mistake I've made is 🙂

 

 

Screen Shot 2021-05-06 at 3.19.23 PM.png

Screen Shot 2021-05-06 at 3.19.32 PM.png

Link to comment
  • Replies 3
  • Views 1.7k
  • Created
  • Last Reply
45 minutes ago, nickgraham said:

Site URL: http://www.firstcall-ambulance.com

At the far right hand of the site header I've added a large "Pay Your Bill" button that links to our credit card processor. Unfortunately It's just been pointed out to me that in mobile view that button is nowhere to be found. 

Screenshots are attached. Let me know how bad of a rookie mistake I've made is 🙂

 

 

Screen Shot 2021-05-06 at 3.19.23 PM.png

Screen Shot 2021-05-06 at 3.19.32 PM.png

Hi i just checked your website and it seems like button is exist there but due to background and text color white it show it is missing. you can adjust color from the styles or use below code for it.

.header-menu .header-menu-cta a {
    color: #080d9b !important;
    background-color: #fe771c !important;
    border-color: #fe771c !important;
}

Link to comment
1 minute ago, Agha_Waqas said:

Hi i just checked your website and it seems like button is exist there but due to background and text color white it show it is missing. you can adjust color from the styles or use below code for it.

.header-menu .header-menu-cta a {
    color: #080d9b !important;
    background-color: #fe771c !important;
    border-color: #fe771c !important;
}

THANK YOU!!! So appreciated.

Link to comment

@nickgraham I see some problems. Do you want to fix?

Site URL – https://www.firstcall-ambulance.com/

1. (Mobile-Footer) Reduce logo size & move it to top of text?

firstcall-ambulance.com-01-min.png

2. (Mobile-Homepage) Reduce top/bottom padding of slide

firstcall-ambulance.com-02-min.png

3. (Tablet-Homepage) Similar mobile

firstcall-ambulance.com-03-min.png

4. (Tablet-Footer) Increase text width – increase logo size?

firstcall-ambulance.com-04-min.png

5. (Tablet-Overlay) Increase spacing between items?

firstcall-ambulance.com-05-min.png

6. (Tablet-Team) Increase width?

firstcall-ambulance.com-06-min.png

7. (Tablet-Overlay) Can’t click “About”

firstcall-ambulance.com-07-min.png

8. (Careers) You haven’t changed SEO Title so the browser tab name still shows “Services”

firstcall-ambulance.com-08-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.