Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #21793

    Devin sent me some great CSS to use that fixed the problem of my original post…

    http://www.kriesi.at/support/topic/tabs-content-problem-in-mobile-resolution?message=update-support-forums-topic-status-error

    However… I just noticed this CSS through mobile resolution at other content off. Please scroll to the bottom of this page and look at the content scroller items. These worked before… if we limited them to twenty (two rows of little numbers at mobile resolution). But now those testimonials in the 3/4 column disappear at mobile resolution. Or sometimes you just see a vertical row of one letter.

    Can you adjust the CSS so both these still work?

    Thanks guys!!

    #113135

    Hi mgma,

    Which page has the content scroller? I’m not completely sure if all items can get full updated to work within tab contents and still be responsive but we can take a look at try it out.

    Regards,

    Devin

    #113136

    Thanks Devin.

    Prior to the CSS we adjusted for the tabs.. these content scrollers worked fine. Like at the bottom of these pages…

    http://djdevelopment.net/2/cowriter/

    http://djdevelopment.net/2/simon-s-i-o/

    These used to break into their own single column in mobile view, and work fine. In fact, removing that other CSS makes these work fine again, but the sidebar tabs content go back to stretching beyond the container again. Can we tweak the CSS so both work?

    #113137

    I’ve edited the code in the previous thread to only effect the tab containers, but here it is again:

    @media only screen and (max-width: 767px) {
    .responsive #top .sidebar_tab_inner_content .one_fifth,
    .responsive #top .sidebar_tab_inner_content .one_fourth,
    .responsive #top .sidebar_tab_inner_content .one_third,
    .responsive #top .sidebar_tab_inner_content .two_fifth,
    .responsive #top .sidebar_tab_inner_content .one_half,
    .responsive #top .sidebar_tab_inner_content .three_fifth,
    .responsive #top .sidebar_tab_inner_content .two_third,
    .responsive #top .sidebar_tab_inner_content .three_fourth,
    .responsive #top .sidebar_tab_inner_content .four_fifth { margin: 0; margin-bottom: 10px; width: auto; }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {

    .responsive #top .sidebar_tab_inner_content .one_fifth,
    .responsive #top .sidebar_tab_inner_content .one_fourth,
    .responsive #top .sidebar_tab_inner_content .one_third,
    .responsive #top .sidebar_tab_inner_content .two_fifth,
    .responsive #top .sidebar_tab_inner_content .one_half,
    .responsive #top .sidebar_tab_inner_content .three_fifth,
    .responsive #top .sidebar_tab_inner_content .two_third,
    .responsive #top .sidebar_tab_inner_content .three_fourth,
    .responsive #top .sidebar_tab_inner_content .four_fifth { margin: 0; margin-bottom: 10px; width: auto; }
    }

    Regards,

    Devin

    #113138

    Devin, you are the CSS Guru. These sensibilities within a responsive environment make or break RWD as the progressive platform for larger corporate sites. An certainly for framework-up developers like myself.

    You guys are about the finest example of a framework developer I’ve seen. ***Thanks so much for such great support.***

    #113139

    Hey!

    Glad that Devin could help you :)

    Regards,

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mobile resolution issue from other post…’ is closed to new replies.