Full Width Website

General General Questions
1

Hi everyone

I have created webview app of my cs cart (version 4.3.9 and theme energot) website but when I am launching that app, my website is leaving space on right side.. Why this is happening?

Please help!

Thank you in advance.

Below is screenshot.

http://prntscr.com/ed4a9y

2

Hi, you should use in your custom css some media queries like that:

@media screen and (min-width: 480px)

@media screen and (max-width: 699px) and (min-width: 520px)



@media only screen and (max-width: 500px)

3

just FYI:

A media query consists of an optional media type and zero or more expressions that limit the style sheets' scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.

(Copied from WWW)

4

Design -> Layouts -> Gear icon near active layout -> Properties -> Layout width -> Full width

5

Hi, you should use in your custom css some media queries like that:

@media screen and (min-width: 480px)
@media screen and (max-width: 699px) and (min-width: 520px)

@media only screen and (max-width: 500px)

This worked for me..

Thanks alot..

6

This worked for me..

Thanks alot..

You're welcome, I'm glad I was able to help.