Отображение сайта на устройствах до 7 дюймов

Доброго времени суток! Подксажите пожалуйста, как сделать, чтобы сайт на мобильных устройства до 7ми дюймов не подстраивался под экран, а просто был очень маленьково масштаба, и если уже что то нужно, пусть увеличивают определенную часть сайта, чтобы лучше ее видеть. Просто на устройствах с небольшим экраном, сайт выглядит мягко говоря ужасно, в основном из за логотипа и горизонтального меню, которое сжимается в одну кнопку, и при растягивании растягивается основное меню, в котором тоже много категорий, которые должны выезжать, так же проблема с отображением корзины, когда она имеет определенный вид, корзина рендомно вылезает слева под выпадающем меню… так же не удобно отображается информация внутри товара на минишопе, особенно если там есть табы, типа — описание, оплата и доставка, скачать пдф и тд. Пришел к выводу, что лучше запретить шаблону подстраиваться под экран, как это сделать полностью на твитер бутстрап знаю, но как ограничить экран не пойму, тк не хочу убирать эту возможность на широкоформатных и обычных экранах а так же на планшетах. На таблетах начиная с 7ми дюймов сайт выглядит шикарно. Пример — сайт minishop2.com, к примеру на айфоне он выглядит, как надо. те тупо все мелкое. Мой же подстраивает каждый элемент по центру экрана. Например, на сайте 3 горизонтальные круглые кнопки/картинки в один ряд, на айфоне он делает каждую по центу и достаточно крупно, то есть каждая занимает весь экран, так и листаешь вниз главную страницу… отображение товаров в отличии от сайта мишишопа тоже на весь экран один товар, не поинмаю почему, тк сайт изначально и выстраивался на этом стандартном шаблоне бутстрапа…
Так же на моем сайте логотип растягивается на весь экран телефона, ниже бедный слайдер, который сжался до текста, но на нем подразумевается картинка…
В общем как ограничить подстраиваемость элементов на сайте под экраны мелких диагоналей?

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="viewport" content="width=1000" />