CMS Development

Bshirshekar
Member

CTA Button Mobile

SOLVE

https://www.kaplanexec.com/https://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/

0 Upvotes
1 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

CTA Button Mobile

SOLVE

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 😄


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

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
3 Replies 3
JanetArmstrong
Top Contributor | Partner
Top Contributor | Partner

CTA Button Mobile

SOLVE

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

0 Upvotes
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

CTA Button Mobile

SOLVE

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 😄


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

 

Drop by and say Hi to me on slack.

0 Upvotes
Bshirshekar
Member

CTA Button Mobile

SOLVE

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

0 Upvotes