hero content for mobile devices

  • Unknown's avatar
    smc399 · Member ·

    I am trying to figure out how to have the home page with two buttons look good on a mobile device. It all looks fine on my laptop. I am using the Gateway theme. Thank you for any help. Kathryn

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    ettiennelane · Member ·

    Hi Kathryn,

    I had a look at your website and I understand about the buttons. You can make the buttons look good on mobile devices with some CSS code.

    Go to My Site > Appearance > Customize > Additional CSS Code. Add the following lines of CSS code and click on Save Changes:

    /*Make home page buttons look good on mobile device */
@media (max-width: 720px) {
.home .button-wt {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 25px;
    }
}

    I tested the CSS code inside the Chrome Browser and it had the desired outcome.

    If in doubt, you can reference the following guide on how to add or edit CSS code: https://wordpress.com/support/editing-css/

    Please let me know if this solved your problem, or if you have any further questions. I am here to help :)

    Regards,
    Ettienne

  • The topic ‘hero content for mobile devices’ is closed to new replies.