Edit Mobile Responsiveness

  • Resolved betsroux

    (@betsroux)


    8 years, 2 months ago

    When I view this site on my mobile phone, the paragraph on the home page is very close to the edges of the phone’s screen, it almost looks like it’s cut off.

    And then the four images on the that reads, Empowering, Success, Self Improvement and Having Fun, the wording is cut off, so it just shows that the images don’t automatically respond to the mobile’s size etc.

    What can I do to rectify this, please help.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 2 months ago

    In the “Additional CSS” section of the dashboard add this:

    
.row {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .row {
        margin-right: -15px; */
        margin-left: -15px;
    }
}

    And then the four images on the that reads, Empowering, Success, Self Improvement and Having Fun, the wording is cut off

    Try adding this, but I think the theme expects there to be 400px height on the image in mobile. So there may just be a white gap beneath the image.

    
@media screen and (max-width: 768px) {
    .so-widget-image-showcase-widget-image-showcase-widget-style-771133c56c72 .about-personal, 
    .so-widget-image-showcase-widget-image-showcase-widget-style-771133c56c72 .about-business, 
    .so-widget-image-showcase-widget-image-showcase-widget-style-771133c56c72 .about-fun {
        background-size: 100% !important;
    }
}

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter betsroux

    (@betsroux)

    8 years, 1 month ago

    Thank you so much for the help 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Edit Mobile Responsiveness’ is closed to new replies.