Responsive Call to Action Button

Hello :slight_smile:

So I have an issue, most stuff works perfect on Mobile. Except the Call to action buttons. For example on this page: http://alcasthq.com/pvp/

When you go to this page on a mobile device it does not show the picture and call to action button correctly. Is there any way to fix this?

Cheers
Sirup

Hi Sirup,

I hope you are well today and thank you for your question.

You can try resolving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

@media screen and (max-width: 67.5em){
#page div.vc_general {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#page .vc_btn3-container{
  margin-bottom: 0;
}
#page a.vc_general {
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    margin-top: 55px;

}
}

Best Regards,
Movin

Hey Movin

THanks for the reply :slight_smile:

It worked, when I hold my mobilephone sideways it shows it correct. Tho when I hold it upwards then it still bugs out. Tho its fine I guess, most ppl hold it sideways anyway

Cheers

You are most welcome here :slight_smile: