Home>Support>Text Block doesn’t display properly in mobile view

Text Block doesn’t display properly in mobile view

Hello!

This home page was not built by the page builder. The text block at the bottom was used with this code:

.text-block { 
background: #4F6C62;
padding: 20px;
}

It looks great in desktop view, however when viewed on an android mobile phone, the text box encompasses everything contained in the 3 circle columns (making the text not visible at all)

What’s the best way to fix it for mobile phones? Contain the 3 columns in another text box perhaps using the page background color?

Thank you in advance for your response!
Heather

URL: http://thewheatlands.com/wp/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 day ago Andrew Misplon
    Hi, I Work Here

    Hi Heather

    Thanks for reaching out

    I can see more or less what’s happening. It relates to the plugin you’re using and the way it’s changing it’s styling below 768px resolution. Can you try a quick test. Temporarily switch to another WordPress theme and check the if the same problem is happening. If it is, please, try opening a support thread with Easy Columns as they’d be best equipped to assist.

  2. 9 years, 22 hours ago webworks

    I tried reaching out for support, but it doesn’t look like anyone answers at all over there :(

    Do you have an alternative column suggestion perhaps?

    I tried making another text block style with the silver background but it didn’t work. I just don’t understand it. I’ll keep trying other column plugins – I have to do something ;(

  3. 9 years, 22 hours ago Andrew Misplon
    Hi, I Work Here

    It’s a little tough for us to dive into fixing the CSS related to this column plugin. As you might imagine, there is loads of effort that goes into our Page Builder plugin. Page Builder’s main purpose is to create layouts. We could re-look at this in 24hrs or so. It’s perhaps a little soon to expect a reply from the plugin authors, even if they are active.

  4. 9 years, 22 hours ago Andrew Misplon
    Hi, I Work Here

    If you restore the page to it’s former state I’ll take a really quick look at the problem.

  5. 9 years, 22 hours ago webworks

    Thank you! restoring now –

  6. 9 years, 21 hours ago webworks

    Done!

    I’ve tried 2 other plugins, one that didn’t use CSS. I couldn’t even get the other 2 to display columns at all :(

    Maybe I can just disable the WP Easy Columns style sheet somehow?

  7. 9 years, 21 hours ago Andrew Misplon
    Hi, I Work Here

    Not sure about disabling Easy Column CSS. I’d imagine it would need that to build columns. Try the following at Appearance > Custom CSS:

    @media (max-width: 768px) {
    	.ezcol-last {
    	    float: none !important;
    	}
    }
    
  8. 9 years, 21 hours ago webworks

    You are SUPERMAN.

    I can’t thank you enough. This is one of those things that was never going to go away in the client’s eyes you know.

    I wasn’t expecting an immediate answer, but I always kind of look at other support requests and notice many of them abandoned for some time. And so, thank you ever so much. I’ve always used the easy column plugin. It’s always done real well…

    Many, many thanks.
    Heather

  9. 9 years, 21 hours ago webworks

    (Clarification – many unresponded issues on the *other* plugin’s forum :)

  10. 9 years, 21 hours ago Andrew Misplon
    Hi, I Work Here

    For sure, if the developers don’t have the resources to answer other requests, then I hear, chances are we won’t hear back.

    Super, glad that helped.

    Give Page Builder a try on one of your projects sometime :)

    All the best with your site and future projects. If anything else comes up, let us know.

    Cheers for now.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More