I am using Opencart with the Journal2 theme (Fully Responsive).

 

In admin pannel, it asks what width you want for your content container, which ranges from 1024 to 1920.

Would I be right to say that I should go for 1920, and make all my image big enough for that screen, then the page can downscale to smaller screens?

It is currently set to 1024x768 but there seems to much of a big gap on the left and right of my page on bigger screens.

What is the best width to set this too?

A responsive theme would not be set to pixels, it would be set to persent. The only time you may use pixels is if you are getting confused between responsive and reactive.. With reactive not being recommended standard.

Hi,

 

My website is supposed to be responsive, and so far is proving to be.

 

Here is a screenshot of my admin panel showing responsive turned On, and the container width I was explaining.

 

I'm just not sure what size to set the container width too as on bigger screens it is showing to big gaps left and right of my website. I was thinking of setting the width to the biggest possible so it can down scale to smaller screens if needed.

 

I'm not 100% on web design so this is where I wanted some advice.

 

 

Edited June 9, 201511 yr by a.stott

 

Deleted

Edited June 9, 201511 yr by a.stott

A responsive site has no container size in pixels, only persent.. What they are calling responsive is really reactive or 'adaptive' ( there is a big difference in respects to how they work and what they do)

 

I am trying to explain that a responsive site would not have a set size otherwise it will not respond in mobile browsers, that leads me to believe you have a reactive site.

 

Now i hope thats cleared up, the old pixel size would normally be 1024 but bear in mind that you may find issues in larger screensizes (hence why responsive is best)

A responsive site has no container size in pixels, only persent.. What they are calling responsive is really reactive or 'adaptive' ( there is a big difference in respects to how they work and what they do)

 

I am trying to explain that a responsive site would not have a set size otherwise it will not respond in mobile browsers, that leads me to believe you have a reactive site.

 

Now i hope thats cleared up, the old pixel size would normally be 1024 but bear in mind that you may find issues in larger screensizes (hence why responsive is best)

 

Hi,

 

Thanks for your reply.

 

Ok, so my website isn't responsive, I didn't know that but thanks for clearing me up.

 

So what size would you recommend me setting my container at on the slide bar in admin? Would it be best to set it to the biggest possible, then let it downscale down to smaller screens?

Probebly is the best idea considering your options

You can set a max-width in pixels or rems and center it by autoing your left/right margins.

 

There's no reason why you cannot use pixels in a responsive site - A max width like I described above will be fine, sometimes you want a container on the left that is a fixed width and a container to the right that takes up the remaining width, pixels may be used here on the left container - Still responsive. It's a very common misconception that you don't use pixels at all in a responsive site. For the most part you don't use them a lot, but all of the unit systems are useful, (px, %, rem, em, vh, vMax etc) it depends on the context of what you are trying to do. A grid system however will be set with % widths, but often pixel gutter widths. However, you don't have to always use the grid for every bit of layout, those that tend to rely really heavilly on the grid probably don't know CSS as well as they think.

 

There's a lot more to making a responsive site that that, but the maximum width you go to depends entirely on the design and content, a general rule is don't go below 1000px because it will begin to look too small on large screens.

 

I often have things like banner images, background colors stretch out beyond this to accomodate the full width of the screen.

 

Example: http://www.fyrishov.se/

 

 

I don't get why all this is set in the back-end anyway, should be coding up websites by hand, at the very least the front-end, which should be of no/little concern to the back-end. Unless this is some kind of super cheap/fast project?

Edited June 10, 201511 yr by rbrtsmith