Jump to content
Sign in to follow this  
riomusi

full width slider (browser window), like www.scotch-soda.com

Recommended Posts

riomusi

I'd like to have the feature slide like http://www.scotch-soda.com/ The image is clickable and stretches out to take the full width of browser window. It seems they have the full screen element outside of the page container. So my problem may be described as: how to expand the child element in a parent container to take the full width of the window? Is it possible? How can I do so? thanks,

Share this post


Link to post
Share on other sites
Jenny
For the clickable aspect, see this post: http://www.pagelines.com/forum/discussion/12552/make-feature-slider-images-clickable To have a full width page, you can try using one of the full-width options under PlatformPro -> Design Control -> Site Design Mode. You will most likely have to do some custom CSS to expand the width of the feature frame. Then just add that CSS to the Custom CSS field.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
riomusi
Hello Simple_mama, I am having problem to expand the width of featured frame. I don't know which element should I adjust. I am using platformbase theme with "full-width design framework". The element structure looks like this: [code] #dynamic-content.outline.fix #feature.container.fix .texture .content .content-pad #feature_slider.default-features.fix #feature-area #cycle [/code] Is there a general way to expand a page element inside a container to the full-width of browser window? Say, If I'd like to expand the main-nav element to let its background color expands out of the container? thanks, rio

Share this post


Link to post
Share on other sites
Rob
Rio, Unfortunately, this is going to require considerable custom coding. Let me explain. The feature slider, boxes, sidebars, main content area and header all rely upon the global body width. If you set the body width to 100%, then everything below or above the slider would fit the space as wide as the slider. Since this would be a global setting affecting every page, you need intensive custom coding to keep the other page components within a reasonable viewing area or they might be cut off. We should also consider the padding which would need to be changed as well. I'd recommend you consider having one of our Pros handle this for you. http://www.pagelines.com/pros.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×