Change Media Queries To 768Px For Responsive Layout

General General Questions
1

Hi there

We're running v4.3.2 and I'm struggling to set the media queries to collapse the site at 768px. Since the current setting of Bootstrap is 2.3, the current collapse point is 767px as per @media (max-width: 767px).

How do I update the CSS or set a media query that can collapse everything at 768px for mobile without breaking all the other elements? The main reason is for having mobile navigation at 768px and not 767px.

Thanks

2

I am afraid, you should check all files in the following directory and correct media queries

design/themes/YOUR_THEME/css

3

I am afraid, you should check all files in the following directory and correct media queries

design/themes/YOUR_THEME/css

Thanks for the feedback. Every file including the responsive.less files?

Is there a reason why CS Cart never updated the Boostrap version to v3 when releasing newer versions?

4

You are right. Please note that Bootstrap 3.3.5 is used in the Boilerplate theme

http://blog.cs-cart.com/2015/12/25/cs-cart-boilerplate-theme-minimum-of-code-maximum-of-flexibility/

5

You are right. Please note that Bootstrap 3.3.5 is used in the Boilerplate theme

http://blog.cs-cart.com/2015/12/25/cs-cart-boilerplate-theme-minimum-of-code-maximum-of-flexibility/

Thanks for sharing. I'll have a look.