Return to previous page

Breakpoint 1199/1200px - by jeremy - on WordPress WooCommerce support

This topic has 18 replies, 4 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

jeremy

Participant

November 23, 2016 at 12:33

Hello,

Does the theme has a breakpoint at 1199/1200px? Because my page is very reduced when I have my screen from 993px to 1199px, and when I make my screen taller, my page size doesn’t move, it is blocked until 1200px. At 1200px, my page has a normal size and fit my screen and I make my screen taller. I don’t understand because your standard breakpoints are 768/991 and +992?

Thank you.

#146706 Copied

17 Answers

Jack Richardson

Support staff

November 24, 2016 at 12:21

Hello,

By default desktop screen size starts from 992px.
If you resize browser window you need to reload your page.
Could you please show us screenshots of the issue you described for better understanding?

Best regards,
Jack Richardson.

#146856 Copied

jeremy

Participant

December 14, 2016 at 15:02

Hello,

Please find examples from home page. It seems my theme isn’t responsive between 992 and 1199. Every elements are blocked at their position and don’t move on the page between different size of device from 992 to 1199…

Thanks for helping.

Please, contact administrator
for this information.

#149053 Copied

Eva Kemp

Support staff

December 14, 2016 at 18:57

Hello,

Sorry, but I don’t see any issues on your screenshots. Elements are shown properly and fit screen size. Where do you want them to be moved to?

Regards,
Eva Kemp.

#149092 Copied

jeremy

Participant

December 14, 2016 at 19:48

Hello,

There are 2 issues on screenshots. But to see what I mean, please try another thing, please open home web with chrome inspector in responsive mode and change gradually the size from 992px to 1200px. You will see what I mean.

When you change gradually the size on other screen size (481px – 767px or 768px – 991px, +1200), elements take the size of the changes, it doesn’t from 992px to 1199px.

What’s the problem? Thank you.

#149107 Copied

Eva Kemp

Support staff

December 16, 2016 at 17:57

Hello,

Could you please take a video and show the problem as we can’t get your point?
Would be much appreciated.

Thank you.

#149345 Copied

jeremy

Participant

December 20, 2016 at 19:15

Hello,

I talked to a developer, within 5 minutes, he found the problem. Problem is related to a width 970px in div container with a media query +992px which is overrided by an other media query with a width of 1170px from +1200px. Please find screenshots.

He said to me it’s very strange to do this, could you explain to me the reason? And can I override this 970px property to make my container larger?

Thank you.

Please, contact administrator
for this information.

#149696 Copied
Eva Kemp

Support staff

December 22, 2016 at 19:52
Hello,

You can override container width of 970px using this css code in Global Custom CSS section:
```
@media (min-width: 992px){.container {
    width: 1070px !important;
}}
```
Regards,
Eva Kemp.
#149949 Copied
jeremy

Participant

December 22, 2016 at 20:15

Ok thank you, does this property could have “collateral effects” on other part of my website?

I’m curious, why did you put this 970px property?

Thank you.

#149956 Copied

Eva Kemp

Support staff

December 23, 2016 at 11:33

Hello,

Such container width was set just to make site content more boxed, not full width. If you want you can set default bootstrap value 1170px.

Regards,
Eva Kemp.

#150006 Copied

jeremy

Participant

December 23, 2016 at 12:23

Hello,

Thank you, what css property does I have to put to have width 1170px between 992px and 1199px?

Thank you.

#150010 Copied
Eva Kemp

Support staff

December 23, 2016 at 17:14
Hello,

Please use this css code:
```
@media (min-width: 992px) and (max-width: 1199px){.container {
   width: 1170px;
}}
```
Regards,
Eva Kemp.
#150054 Copied
jeremy

Participant

December 26, 2016 at 23:40

Hello,

This code with width 1170px doesn’t work at all. For instance, if I have a screen with a width 1100px, obviously, I have 70px of my page which are not displayed, which are out of my screen.

So I’m using a width 98% to fit every kind of screen, I hope it will be ok, even after the next updates.

Thank you.

#150245 Copied

Eva Kemp

Support staff

December 27, 2016 at 10:49

Hello,

You’re welcome.
May we mark this topic as closed?

Regards,
Eva Kemp.

#150273 Copied

jeremy

Participant

January 22, 2017 at 19:16

Yes you can, do you have news about the next theme update? Thank you.

#152713 Copied

Eva Kemp

Support staff

January 23, 2017 at 19:51

Hello,

The update should be released next week.

Regards,
Eva Kemp.

#152837 Copied

jeremy

Participant

February 13, 2017 at 22:43

Solved, thank you.

#154722 Copied

Rose Tyler

Support staff

February 14, 2017 at 09:05

Hello,

You’re welcome!

Regards,
Rose Tyler.

#154739 Copied
Viewing 18 results - 1 through 18 (of 18 total)