Skip Navigation
Expand
Modifying your End User pages for browser view port
Answer ID 10155   |   Last Review Date 03/18/2019

How can I enable responsive web design for Customer Portal?

Environment:

Oracle B2C Service Customer Portal Framework 3.3 and newer

Issue:

My site does not look the same when using multiple browsers. 

Resolution:

Starting from Customer Portal framework version 3.3, end user pages can be viewed in a responsive web design view, based on device style needs for content view, when using multiple browsers and devices.

This can be achieved by modifying the standard site.css file, which allows to resize, hide, shrink, enlarge or move content using media queries in the CSS.
 
CSS snippet example:
 
@media screen and (max-width: 720px) {
    .rn_Container {
        word-wrap: break-word;
    }
}
 
Custom CSS files can also be used and referenced throughout the pages.
 
Before modifying the standard site.css file, please backup the file as a best practice. The site.css file's default location is under "cp/customer/assets/themes/standard/". You will need to follow the normal stage and promote process after site.css has been modified.
 
Please also see the following content that describes how to access your site files, other popular answers about establishing a WedDAV connection to your site and what the folders in your site directory contain and their read/write permissions:
Notify Me
The page will refresh upon submission. Any pending input will be lost.