Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

как сделать, чтоб текст в мобильной верссии сайта не съезжал?


kephmuscb

Recommended Posts

судя по картинке ток фотошопом
ссылочку хотя бы оставили

Надіслати
Поділитися на інших сайтах


это не оно?

@media (max-width: 600px) {
    .text-home-banner{display: none;}
    .franchise-restaurant .item-block{height: auto!important;}
    .sushi-this{display: none;}
    .bg-most-dynamic-company{display: none;}
    .sushi-this-list{display: none;}
    .most-dynamic-company .logo {top: 10px;}
    .most-dynamic-company-text{max-width: 100%; top: 105px;}
    .history-company-text{left: 32px; max-width: 351px; top: 286px; font-size: 18px;}
    .footer-name{padding-top: 10px; font-size: 21px;}
    .open-delivery-text {font-size: 42px;}
    .footer-list{display: block;}
    .pc-none{display: block;}
    .sushi-this-list-mobile{position: relative;top: 0px;right: auto;left: auto;font-size: 21.05px;max-width: 215px;padding-bottom: 35px;padding-top: 95px;padding-left: 97px;}
    .most-dynamic-company .sushi-this{display: block; top: auto;bottom: 10px;right: auto;left: 15px;height: auto;}
}

Надіслати
Поділитися на інших сайтах


11 минут назад, kephmuscb сказал:

а куда ее вставить?

в stylesheet.css, которая находится в папке сайта/catalog/view/theme/Ваш_шаблон/stylesheet/stylesheet.css

 

Открываете Notepad++ и правите в районе 900 строки.

Спойлер

@media (max-width: 450px)
.history-company-text {
    /* max-width: 263px; */
    /* top: 234px; */
    font-size: 14px;
}

 

Сложно? Тогда наймите человека, который сделает безвозмездно.

Змінено користувачем ActiveSync
Надіслати
Поділитися на інших сайтах


900 строка там

.product-list .wishlist, .product-list .compare {
    margin-bottom: 3px;
}
.product-list .wishlist a {
    color: #333333;
    text-decoration: none;
    padding-left: 18px;
    display: block;
    background: url('../image/add.png') left center no-repeat;
}

 

Надіслати
Поділитися на інших сайтах


в style.css

 

 

@media (max-width: 450px) {
    #live-search {left: 15px; top: 115px;}
    .simplecheckout-customer-block #live-search {left: 15px;}
    .ask-question {bottom: 15px;}
    .container-table{padding: 5px;}
    .financial-model-table td{padding-left: 10px;}
    .financial-model-table td {font-size: 13px;}
    .open-delivery-text {font-size: 23px;}
    .most-dynamic-company .logo{width: 150px;}
    .most-dynamic-company-text {top: 70px;}
    .history-company-text {max-width: 263px; top: 234px; font-size: 14px;}
}

@media (max-width: 359px) {
    .ask-question {bottom: 5px;}
    .franchise-restaurant .name-franchise{font-size: 24px;}
    .write-us{bottom: 35px;}
    .most-dynamic-company-text {font-size: 25px;}
    .history-company-text {max-width: 230px; top: 209px; font-size: 13px;}
    .footer-list {font-size: 17px;}
    .footer-name {font-size: 18px;}
    .most-dynamic-company .sushi-this{left: 5px;}
    .sushi-this-list-mobile{padding-left: 90px;}
}
@media (max-width: 768px){
 .wrap_items {
    height: calc(100vh - 120px);
    overflow: scroll;
}   
}

 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.