Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Кнопка "в корзину" в мобильной версии уменьшилась и похожа на недоразумение.


YTniko
 Поделиться

Рекомендованные сообщения

Доброго времени суток.

Подскажите, пожалуйста, чайнику как исправить маленькую проблему. В мобильной версии кнопка "в корзину" перестала быть на неё похожа. Про кривые и косые остальные кнопки я уже и не заикаюсь. Ссылка на сам сайт - http://n-noelle.com/

На скрине то, во что эта мерзавка превращается. 

Мне бы тыкнул кто пальчиком в то место, где этот кусок кода нужно исправить, а дальше я справлюсь. 

Оральные хвалебные оды в ваш адрес гарантирую.;-)

Заранее, благодарствую!

 

 

Тапками не кидайте, с ОСs знакомлюсь впервые, как и с исправлением кода. А сама хочу разобраться ибо была кинута  "программистом", который даже грамотно писать не может и слился в закат так ничего и не исправив(

Снимок экрана 2021-05-20 122836.png

Ссылка на комментарий
Поделиться на других сайтах


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

Доброго времени суток.

Подскажите, пожалуйста, чайнику как исправить маленькую проблему. В мобильной версии кнопка "в корзину" перестала быть на неё похожа. Про кривые и косые остальные кнопки я уже и не заикаюсь. Ссылка на сам сайт - http://n-noelle.com/

На скрине то, во что эта мерзавка превращается. 

Мне бы тыкнул кто пальчиком в то место, где этот кусок кода нужно исправить, а дальше я справлюсь. 

Оральные хвалебные оды в ваш адрес гарантирую.;-)

Заранее, благодарствую!

 

 

Тапками не кидайте, с ОСs знакомлюсь впервые, как и с исправлением кода. А сама хочу разобраться ибо была кинута  "программистом", который даже грамотно писать не может и слился в закат так ничего и не исправив(

Снимок экрана 2021-05-20 122836.png

уберите классы, скрывающие текст этой кнопки на маленьких экранах:

hidden-xs hidden-sm hidden-md

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

да, проблема именно в этих классах - https://prnt.sc/135xign
нужно открыть файлы модуля и убрать там эти классы, затем обновить модификаторы 

Изменено пользователем sasha3337774
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

41 минуту назад, YTniko сказал:

Доброго времени суток.

Подскажите, пожалуйста, чайнику как исправить маленькую проблему. В мобильной версии кнопка "в корзину" перестала быть на неё похожа. Про кривые и

 

 

1) в css добавьте

 

.new__but__add button {
    width: 100%;
    border: none;
    display: inline-block;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

2. в шаблоне модуля последние уберите классы "hidden-xs hidden-sm hidden-md"

 

Screenshot_9.thumb.png.ad8d1d1fd633744ece7402583dc79e3e.png

  • +1 2
Ссылка на комментарий
Поделиться на других сайтах


1 час назад, antiuser сказал:

1) в css добавьте

 

.new__but__add button {
    width: 100%;
    border: none;
    display: inline-block;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

Благодарю всех покорно! Орально воздаю вам хвалу, бью челом и предрекаю  белую полосу в вашей жизни лишь слегка замаранной строчками чистого кода!

У меня там они правда были закомментированные как-то, но удалила точечно  выбранные и кнопочка (Ура!!!) появилась. 

Теперича созрел вопрос: куда именно нужно вставить "в css добавьте" код. Искала подобное -new__but__add button- не нашла. Внутренняя собака-подозревака отказывается пихать это куда ни попадя. Может хоть намекнете на путь истинный, что приведёт меня в сие святое место? Перфекционизм прущий из меня всегда, окромя дней уборки в квартире желает такие же ровненькие кнопочки как у вас на скрине.

 Ну, позязя)))

Ссылка на комментарий
Поделиться на других сайтах


14 минут назад, YTniko сказал:

В любое место? Или, таки, в конкретную строчку?:shock:@antiuser

 

В любое, например можно в конце добавить и не забудьте Ctrl + F5 - очистить кеш браузера

 

/* Свои стили */
.new__but__add button {
    width: 100%;
    border: none;
    display: inline-block;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
} 

 

Изменено пользователем antiuser
  • +1 2
Ссылка на комментарий
Поделиться на других сайтах


@antiuser ВЫ МОЙ ГЕРОЙ МЕСЯЦА!!! 

Куда отправлять сто граммов с пончиком?

Клятвенно обещаю алкоголь и плюшку настоять и спечь собственноручно, чтоб выразить всю гамму своей благодарности)

Ссылка на комментарий
Поделиться на других сайтах


14 минут назад, YTniko сказал:

@antiuser ВЫ МОЙ ГЕРОЙ МЕСЯЦА!!! 

Куда отправлять сто граммов с пончиком?

Клятвенно обещаю алкоголь и плюшку настоять и спечь собственноручно, чтоб выразить всю гамму своей благодарности)

 

Сто грамм да еще и с пончиком :D.

Обычно благодарность можно проявить поставив +

 

Спойлер

Screenshot_10.thumb.png.bdb2b11ee9f1e74820daf02623d9ce99.png

 

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.