CTA Button Mobile

SOLVE
New Contributor

Screen Shot 2018-11-02 at 9.34.52 AM.pnghttps://www.kaplanexec.com/

This is how my mobile looks. I need to make this CTA appear better on mobile. Any suggestions?

 

https://www.kaplanexec.com/

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Regular Advisor | Gold Partner | HubSpot Certified Trainer

Personally, I think you have too many CTA's in that top header for mobile. I would leave your phone number and remove the button. It could look like this (much cleaner)

kap.png

with the following css

@media screen and (max-width: 767px){
  .ds-cta-bar {
    display: none !important;
  }
  .custom-logo {
    float: right;
  }
  .custom-logo img {
    max-height: 45px;
    width: auto !important;
  }
  .mobile-trigger {
    top: 17px;
  }
}

If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Reply
0 Upvotes
3 Replies
Highlighted
Regular Advisor | Gold Partner | HubSpot Certified Trainer

Personally, I think you have too many CTA's in that top header for mobile. I would leave your phone number and remove the button. It could look like this (much cleaner)

kap.png

with the following css

@media screen and (max-width: 767px){
  .ds-cta-bar {
    display: none !important;
  }
  .custom-logo {
    float: right;
  }
  .custom-logo img {
    max-height: 45px;
    width: auto !important;
  }
  .mobile-trigger {
    top: 17px;
  }
}

If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Reply
0 Upvotes
New Contributor

Thank you, I went ahead and made the changes to our mobile site.

Reply
0 Upvotes
Regular Contributor

Why don't you put the "Ready to Hire Your Next Leader" inside the hero image with the Start Now button. This will make more sense on desktop too.

 Untitled-1.jpg

Reply
0 Upvotes