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

[kephmuscb]

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

[HyperLabTeam]

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

[kephmuscb]

https://ilikesushi.in.ua/franchise

[anboza]

//css строка 900

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

 

[kephmuscb]

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

[kephmuscb]

это не оно?

@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;}
}

[ActiveSync]

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;
}

 

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

Змінено 17 лютого 2019 користувачем ActiveSync

[kephmuscb]

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;
}

 

[kephmuscb]

в 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;
}   
}

 

[kephmuscb]

вот только другое не полетит?