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

Как увеличить логотип в мобильном разрешении


Recommended Posts

Здравствуйте! Логотип во всех разрешениях нормально отображается кроме мобильного. На мобильном логотип очень маленький.Подкажите пожалуйста как увеличить логотип для мобильного. пробовал изменить catalog/view/javascript/bootstrap/css/bootstrap.min.css .col-xs-3 {
    width:25%. Размер логотипа  увеличился но съехали другие блоки. Хелп! 

Спойлер

скрин https://prnt.sc/w4kp4t            сайт  https://mixland.ru/              

 

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


а зачем на вашем лого странная надпись ИНТЕРНЕТ МАГАЗИН ?

уберите ее

надпись ИНТЕРНЕТ МАГАЗИН должна быть (по желанию)в заголовке главной страницы

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


3 минуты назад, KomissarJuve сказал:

а зачем на вашем лого странная надпись ИНТЕРНЕТ МАГАЗИН ?

уберите ее

надпись ИНТЕРНЕТ МАГАЗИН должна быть (по желанию)в заголовке главной страницы

Спасибо за совет, уберу

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


54 минуты назад, marvel сказал:

Здравствуйте! Логотип во всех разрешениях нормально отображается кроме мобильного. На мобильном логотип очень маленький.Подкажите пожалуйста как увеличить логотип для мобильного. пробовал изменить catalog/view/javascript/bootstrap/css/bootstrap.min.css .col-xs-3 {
    width:25%. Размер логотипа  увеличился но съехали другие блоки. Хелп! 

  Скрыть контент

скрин https://prnt.sc/w4kp4t            сайт  https://mixland.ru/              

 

Измените logo_v3 col-xs-3 col-sm-3 col-md-2 mob_logo

на, к примеру: logo_v3 col-xs-6 col-sm-3 col-md-2 mob_logo

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


34 минуты назад, htmlart сказал:

Измените logo_v3 col-xs-3 col-sm-3 col-md-2 mob_logo

на, к примеру: logo_v3 col-xs-6 col-sm-3 col-md-2 mob_logo

Изменил на  logo_v3 col-xs-6 ,шапка сайта съехала  https://prnt.sc/w4mu75  , пробовал изменить  на col-xs-4, съехали блоки под банерами

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


Только что, marvel сказал:

Изменил на  logo_v3 col-xs-6 ,шапка сайта съехала  https://prnt.sc/w4mu75 

Вполне может быть, смотря на каком разрешении вы смотрите.

Только что, marvel сказал:

пробовал изменить  на col-xs-4, съехали блоки под банерами

Если вы изменили только там, где я показал, то никакой связи между этими блоками быть не должно. Ну и конечно же, восстановили значения тут:

catalog/view/javascript/bootstrap/css/bootstrap.min.css

Тут явно ничего изменять не стоит

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


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

Изменил на  logo_v3 col-xs-6 ,шапка сайта съехала  https://prnt.sc/w4mu75  , пробовал изменить  на col-xs-4, съехали блоки под банерами

Сделайте следующее:

https://yadi.sk/i/FSN5-ng1P9izdA

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


28 минут назад, htmlart сказал:

Вполне может быть, смотря на каком разрешении вы смотрите.

Если вы изменили только там, где я показал, то никакой связи между этими блоками быть не должно. Ну и конечно же, восстановили значения тут:

catalog/view/javascript/bootstrap/css/bootstrap.min.css

Тут явно ничего изменять не стоит

catalog/view/javascript/bootstrap/css/bootstrap.min.css   тут и меняю все. Может где то в другом месте надо поменять, подскажите поподробней

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


Только что, marvel сказал:

catalog/view/javascript/bootstrap/css/bootstrap.min.css   тут и меняю все. Может где то в другом месте надо поменять, подскажите поподробней

Я обновил сообщение, посмотрите выше. Это один из вариантов.

А зачем вы меняете в этом файле?

У вас же есть:

catalog/view/theme/aurus/stylesheet/stylesheet.css

 

 

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


20 минут назад, htmlart сказал:

Сделайте следующее:

https://yadi.sk/i/FSN5-ng1P9izdA

Сделал как показано на скриншоте в этом файле , не помогло, может не в том файле делаю

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


Только что, marvel сказал:

Сделал как показано на скриншоте в этом файле , не помогло, может не в том файле делаю

советую откатить bootstrap.min.css

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


Спойлер

 

27 минут назад, htmlart сказал:

советую откатить bootstrap.min.css

Уже откатил. Отправил две папки, stylesheet.css и aurus.css если не трудно гляньте, а то я никак не могу найти где поменять

 

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


Только что, marvel сказал:

Уже откатил. Отправил две папки, stylesheet.css и aurus.css если не трудно гляньте, а то я никак не могу найти где поменять

stylesheet.css 14 \u043a\u0411 · 0 downloads aurus.css 98 \u043a\u0411 · 0 downloads

В этих файлах ничего не нужно менять. Изменение необходимо сделать в файле .tpl(скорее всего header) 

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


Попробуйте стилями предопределить ширину col-sm-3

Добавьте в конец стилей (catalog/view/theme/aurus/stylesheet/aurus.css) так например :

@media (max-width: 761px) {
.col-xs-3.mob_logo {
    width: 50%;
  }
}

Может даже в панели шаблона есть поле для кастомных стилей.

Ну и значение в 50% смените на своё усмотрение.

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

В 17.12.2020 в 15:45, Tom сказал:

Попробуйте стилями предопределить ширину col-sm-3

Добавьте в конец стилей (catalog/view/theme/aurus/stylesheet/aurus.css) так например :


@media (max-width: 761px) {
.col-xs-3.mob_logo {
    width: 50%;
  }
}

Может даже в панели шаблона есть поле для кастомных стилей.

Ну и значение в 50% смените на своё усмотрение.

спасибо, вопрос решен

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


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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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