1. Download the slides from my talk on Responsive Web Design at Oracle OpenWorld 2012.

The CSS I used in my pages for mobile IRR support:


@media screen and (max-width: 767px) {
    .apex_grid_container #apexir_SEARCH {
        width: 64px;
    }
    .apex_grid_container #apexir_ACTIONSMENUROOT span {
        width: 0;
        text-indent: -9999px;
        padding-right: 14px !important;
    }
    .apex_grid_container .apexir_ACTION_MENU {
        margin-left: 0;
    }

    section.uRegionNoPadding > div.uRegionContent,
    section.uIRRegion {
        overflow: auto !important;
    }
}

    Download the slides from my talk on Responsive Web Design at Oracle OpenWorld 2012.

    The CSS I used in my pages for mobile IRR support:

    @media screen and (max-width: 767px) {
        .apex_grid_container #apexir_SEARCH {
            width: 64px;
        }
        .apex_grid_container #apexir_ACTIONSMENUROOT span {
            width: 0;
            text-indent: -9999px;
            padding-right: 14px !important;
        }
        .apex_grid_container .apexir_ACTION_MENU {
            margin-left: 0;
        }
    
        section.uRegionNoPadding > div.uRegionContent,
        section.uIRRegion {
            overflow: auto !important;
        }
    }