CMS Development

Bshirshekar
Membro

CTA Button Mobile

resolver

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 Avaliação positiva
1 Solução aceita
tjoyce
Solução
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

CTA Button Mobile

resolver

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.

Exibir solução no post original

0 Avaliação positiva
3 Respostas 3
JanetArmstrong
Top colaborador(a) | Parceiro
Top colaborador(a) | Parceiro

CTA Button Mobile

resolver

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 Avaliação positiva
tjoyce
Solução
Especialista reconhecido(a) | Parceiro Elite
Especialista reconhecido(a) | Parceiro Elite

CTA Button Mobile

resolver

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 Avaliação positiva
Bshirshekar
Membro

CTA Button Mobile

resolver

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

0 Avaliação positiva