Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 25, 2016 at 6:13 am #86274
    husker
    Participant

    What CSS code and where do I need to add text so that a mobile device would show if Responsive Table was larger than iPhone and you had to scroll left and right to see data. I do not want the text to show on desktop.

    Scroll left and right to view all

    http://bayareahuskers.org/wp/

    I have a 2014 Schedule you can see as an example on the site.

    Brian

    February 25, 2016 at 12:34 pm #86294
    Mahesh
    Participant

    Hi @husker,

    For the above changes:
    1. Edit the page with that text, go to content text tab and find the line
    <p>Scroll left and right to view all</p>
    And replace it with the following
    <p class="mobile-display">Scroll left and right to view all</p>
    Then click update.

    2. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS”

    .mobile-display {
    display: none;
}
  
@media screen and (max-width: 768px) {
    .mobile-display {
        display: block;
    }
}

    Note: Follow step for all pages with “Scroll left and right to view all” text

    Regards,
    Mahesh

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Mobile Table Responsive Text’ is closed to new replies.