CMS Development

Bshirshekar
メンバー

CTA Button Mobile

解決

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 いいね!
1件の承認済みベストアンサー
tjoyce
解決策
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

CTA Button Mobile

解決

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 いいね!
3件の返信
JanetArmstrong
トップ投稿者 | Solutions Partner
トップ投稿者 | Solutions Partner

CTA Button Mobile

解決

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 いいね!
tjoyce
解決策
名誉エキスパート | Elite Partner
名誉エキスパート | Elite Partner

CTA Button Mobile

解決

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 いいね!
Bshirshekar
メンバー

CTA Button Mobile

解決

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

0 いいね!