Call to action not showing in mobile


#1

Hi,

The call to action button on my header is not showing on mobile (iphone at least). And neither is the text above it. Here’s the link http://www.goins.fi/

Any help is much appreciated!

BR,
Mikael


#2

Hey,

The button and that text are hidden on small screens because most of the time they won’t fit.
In your case, if you keep this amount of text, you can make display them on small screens and customize them to make them fit by adding this to a custom CSS plugin:


@media only screen and (max-width: 600px) {
    .welcome-desc, .welcome-button {
         display: inline-block;
         font-size: 14px !important;
         margin: 0 0 5px !important;
    }
    .welcome-title {
        margin-bottom: 10px;
    }
}


#3

Hey Vlad,

Thanks for a quick reply! How do I exactly do this? I’m fairly new to WP. Do I need to download a plugin?

Cheers!


#4

Yeap, install a plugin, like this one. It will hold this and all other future CSS customizations. You’ll notice the plugin provides a textarea to add your code.


#5

Awesome! Thanks a lot :slight_smile: I’ll try it out.