Hello,

Currently, you are able to set different sizes for desktop and mobile only. As for the tablet. it is possible to do this with a simple CSS code added to the Custom CSS for tablets in our Theme Settings.

Kind Regards

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

Here is a code that you can use. Add it to the custom CSS field for tablet devices in Theme Settings -> Custom CSS

.woodmart-logo img {
  max-width: 100px!important;
}

Currently, we don’t have settings for responsive breakpoints. We will work on this feature in our future updates.

.woodmart-logo img { max-width: 100px!important; } Если такой код добавить,то правильно ли я понимаю, что максимальная ширина логотипа будет 100 px? больше нельзя? или я могу устанавливать своё значение вместо 100 px, не совсем понял. У меня сейчас для мобильных устройств ширина логотипа стоит уже 179 px в конструкторе заголовков. Слово “important” в коде писать не нужно же-это как я понял вы комментарий добавили от себя?

Yes, you can set any value there. Important is a part of the code so you need to keep it.

Да, спасибо огромное, разобрался. Могли бы ещё подсказать код css для определения размеров высоты заголовка для разных устройств? И еще главная проблема. Я сейчас использую плагин slider revolution в котором слайдер для планшетной версии начинает отображаться начиная с 1023 пикселей, а ваша тема переключается на планшет уже с 1024 пикселей и получается что в этом момент слайдер еще для версии пк работает. В вашей теме как вы написали точки адаптивности менять нельзя, может быть както в slider revolution это можно делать, надо както исправить эту проблему. И могли бы расписать какие диапазоны адаптива заложены у вас в самой теме, буду очень благодарен, заранее спасибо)

You can customize Slider revolution breakpoints here https://prnt.sc/10sm9aq

Please, send a screenshot of the height that you need to change in the header. We need your website link as well.

Here is a list of our theme breakpoints

1200px and up – desktop 1025px – 1199px – small desktop/notebook 768px – 1024px = tablet 767px and down = mobile

1)По поводу заголовка, с высотой я пока еще не определился, возможно буду делать разную высоту на мобильниках и планшетах,но еще не знаю какую,мне нужен код чтобы я сам это мог менять в любой момент, подскажите пожалуйста, если можете (сайт https://luxuryclothes.ru/) 2)проверил сейчас точки адаптивности, которые вы описали, они как-то не совсем совпадают с реальностью. у меня работает так: 1025px и выше без изменений 769-1024-планшетная версия 768 и ниже подключается мобильная(вы писали что она включается на 767,я вот как раз хотел чтобы на 678 пикслях еще был планшет,а с 767 уже мобильники)-хотел бы услышать ваш комментарий на этот счет 768px- у меня 2 банера и 3 карточки товара остается ( вместо 3 х ) и 3 столбца с товарами (вместо 4х), при этом логотип еще работает для планшетов и футер тоже не меняется 676-пикселей-остается только 1 банер и только здесь подключается лотип с размером для мобильника(добавил для него отдельный код с размером), но футер прежний 675 пискселей-только здесь переключатся футер на мобильную версию. Хотелось бы узнать почему так всё не синхронно начиная с 768 пикселей и как можно исправить.И почему уже с 768 сайт переключается на мобильную, вместо 767,но при этом логотип и футер не меняется?

Ах да, еще сразу спрошу,мобильные телефоны не адаптируются по вертикали и по горизонатали разве?У вас же это кажется заложено в теме, на скольки пикселях это происходит?

Sorry, actually our theme has 768px breakpoint for mobile devices. And we will add an option to change this in our next theme update.

The mobile footer starts with 575px because it works better this way.

As for the header height, please, contact us after the update that will be released next week so we can provide you with a custom CSS for this.

Our theme doesn’t have vertical and horizontal breakpoints. Note that horizontal mobile orientation usually has the same resolution as tablets.

Спасибо, я все понял, кроме одного. Почему логотип для мобильника подключается только на 576 px, а не на 768 и если это так должно быть,то раз футер подключается на 575, то и логотип бы надо чтоб тоже на мобильник переключался одновременно с ним, а не с разницей в 1 px. Это тоже не исправляется?

You need to put your logo custom CSS for the mobile landscape area as well.

As for our custom CSS breakpoint (576px), we will align it with our footer in the next update (not in our 6.0 update that will be released next week).

Не совсем понял, эту точку можно сейчас поменять через ccs код? Напишите какой код можно использовать, пожалуйста

To solve this problem you don’t need to change the breakpoint now. Just put your logo custom CSS for the mobile landscape area as well.

вы имеете в виду код добавить код не для изменения точки адаптивности, а для изменения например размеров логотипа, но при этом включаться он будет все равно на 576 пикселях до того как вы сделаете обновление, верно?

Actually, we don’t quite understand what do you mean by “it turns on 576”. You see the mobile logo image starting from 1024px. And the custom CSS we are talking about operates with its size only. It doesn’t change the actual image.

Я добавил вот такой код,для изменения размеров логотипа планшета .woodmart-logo img { max-width: 200px!important; } .woodmart-logo img { max-height: 150px!important; } А для мобильных устройств .woodmart-logo img { max-width: 120px!important; } Поэтому в интервале с 577 до 1024px высота логотипа больше А с 576 px меньше и отсюда вопрос,включаться размер мобильной версии логотипа может только с 576 пикселей или можно сместить точку, чтобы размер становился меньше раньше или позднее( например с 575 пикселей) Сайт luxuryclothes.ru, попробуйте посмотреть это на моем сайте https://luxuryclothes.ru/

To do this, try to remove the custom code from the mobile area and put the following one to global custom CSS

@media (max-width: 575px) {
.woodmart-logo img {
  max-width: 120px!important;
}
}

круто, сработало, спасибо!а что это за параметр такой? ”@media (max-width: 575px)” за что отвечает? И почему если я задаю в нем значения меньше или больше 575 px они не работают, например @media (max-width: 574px) или @media (max-width: 577px) они не работают, только 575px, просто интересно очень стало?

и могу я подобный код использовать для других видов устройств?

You can read more information about CSS media queries and responsive design in the tutorial here https://developer.mozilla.org/en-US/docs/Web/CSS/@media

Да, спасибо почитаю, но всё-таки, не ответили на вопрос, почему другие значения не работают, кроме как 575 px, не меньше, ни больше, это тема блокирует?

Hi,

No, our theme can’t block standard CSS functionality. If you write the code correctly it will work without issues. Probably, you did something wrong and the code is not valid CSS.

Kind Regards

Ну так я же писал выше, какой код, я использую, тот же что вы мне дали. Я изменяю лишь только значение в пикселях. Работает ваш: @media (max-width: 575px) { .woodmart-logo img { max-width: 140px!important; } } Но если я начинаю экспериментировать со значением, например: @media (max-width: 574px) { .woodmart-logo img { max-width: 140px!important; } } или например указываю наоборот значение больше @media (max-width: 577px) { .woodmart-logo img { max-width: 140px!important; } } эти коды не работают, что бы я не указывал, только со значением 575 px, не вправо не влево (ни больше не меньше). Надеюсь понятно описал

Please, send us a screenshot where you placed the code.

Note if you use media queries then you need to place it to the global custom CSS only.

Т.е я ничего не меняю в ситаксисе кода, который вы мне предоставили, кроме цифр

Я думаю это связано с тем, что футер переключается на мобильную версию на 575 px, поэтому тема блокирует другие значения, но это моё предположение, могу ошибаться

Аххах, собрался вам скришоты делать и теперь всё работает,вы ведь поменяли сейчас что-то, скажите честно))

Я раз 200 до этого пробовал. Тот же самый синтаксис использовал, но заработало только сегодня. Это у меня руки кривые или всётаки вы со своей стороны чтото подправили?:D

We didn’t change anything. And we actually can’t do this on your website We didn’t modify our comments either.

Да я уже понял что не удаляли,ошибся,а то что ничего не меняли в теме-это странно, но главное что все работает.Я могу менять точку измения размера логотипа с помощью кода css и для других видов устройств?

Hi,

Could you please send us a link to your website where we can see this issue? Also, please, provide us with a screenshot so we can better understand your request.

Kind Regards