Подвал

Добрый день, Vladimir,

Ваш добавленный код и является причиной проблемы, футер всегда прикреплен к низу страницы, а если контента больше, то он просо перекрывается.
Можете попробовать заменить код, чтобы он применялся только к десктопному и лэптопному режимам:

@media (min-width: 992px) and (max-width: 1199px) {

.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}

}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Сейчас попробую. СПасибо!

Не за что. Пишите, если нужна будет помощь.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Заменил на предоставленный Вами код с min-width изменением:

@media (min-width: 768px) and (max-width: 1199px) {

.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}

}

Но сейчас в десктопном режиме, footer опять в центре экрана. На сколько пикселей поменять max-width?

А попробуйте просто

@media (min-width: 768px) {

.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}

}

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Ваш второй вариант мне помог

Большое спасибо Hella!

Рада помочь. Обращайтесь, если вбудут другие вопросы.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Здравствуйте!

По вашим подсказкам, на разных страницах я прописываю в Edit CSS вот такие коды:

@media (min-width: 768px) {
.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}
}

или

@media (min-width: 992px) {
.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}
}

Как сделать так, чтобы не надо было прописывать на каждой странице код, а писать только CSS класс, например: footer-fixed и footer-fixed1? В настройках сайта в CSS уже прописал эти коды.

Last edited 18 September 2020 by Владимир

Добрый день, Vladimir,

Вы можете весь свой код добавить в Site Settings >> CSS табик и потмо прописывать имя нужного класса желаемому элементу в опциях в правой панели.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Вы можете весь свой код добавить в Site Settings

так я же писал, что код добавил:

В настройках сайта в CSS уже прописал эти коды.

где именно и главное КАК прописывать имя нужного класса в Site Settings? Тут "@media (min-width: 768px)", тут "footer-fixed"?
...
или тут?

@media (min-width: 992px) {
.footer-fixed {
...

Last edited 18 September 2020 by Владимир

Hi Vladimir,

Для Footer в правой панеле прописываете класс в поле CSS class:
footer-fixed
Просто класс. Без ничего. Потом в Site Settings >> CSS нужные стили для этого класса. Например

@media (min-width: 992px) {
.footer-fixed {
position: fixed;
bottom: 0;
width: 100%;
}
}

Т.е. самый обычный CSS. И все. Делаете превью и смотрите результат. Работает?

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Здравствуйте!

Как прописывать в правой панели класс в поле CSS class, я уже знаю и как вставлять в Site Settings >> CSS, Спасибо вашей команде.

Но речь идёт о том, что у меня на разных страницах может быть использован только один код со значением: "@media (min-width: 992px)" или "@media (min-width: 768px)". Вот у меня и сложность, как на одной странице прописывать класс, который бы активировал "@media (min-width: 992px)", а на другой странице "@media (min-width: 768px)". Надеюсь, что я правильно объяснил Вам суть своей проблемы.

Конечно было бы ОТЛИЧНО, если бы footer был изначально зафиксирован к нижнему полю в Nicepage, чтобы не нужно было вставлять свой код, а работать только над своим дизайном. Но прочитав форум с проблемой связанной с фиксированным футером, который продолжается аж с 2018 г. и за которую проголосовали 36 пользователей, а также с обещаниями направить команде разработчиков это пожелание, уже сомневаюсь, что он будет вообще реализован, несмотря даже на пользовательский список пожеланий...

.......................
С уважением,
Владимир.

Last edited 20 September 2020 by Владимир

Я так понял, что никто из команды Nicepage не может ответить на мой последний ворос?!

Не совсем подобающее поведение не отвечать на вопросы своих пользователей....

Очень и очень плохо!!!

Алло!!! Вы где?!

Last edited 23 September 2020 by Владимир

Я просто в заблуждение!!! Почему мне не отвечают на мой вопрос?!

Hi Vladimir,

Извините за задержку. Но обычно мы отвечаем в течение 1-3 рабочих дней.

Но речь идёт о том, что у меня на разных страницах может быть использован только один код со значением: "@media (min-width: 992px)" или "@media (min-width: 768px)". Вот у меня и сложность, как на одной странице прописывать класс, который бы активировал "@media (min-width: 992px)", а на другой странице "@media (min-width: 768px)". Надеюсь, что я правильно объяснил Вам суть своей проблемы.

Вот тут не совсем понятно. Правило

@media (min-width: 992px) {}

определяет что весь CSS который внутри (не важно что там) будет выполнен только при условии минимальной ширины экрана 992px.
Вы можете добавить в CSS страницы и @media (min-width: 992px) и @media (min-width: 768px). Только это имеет смысл если код внутри будет разный. Хотя классы можете использовать одинаковые. Например:

 @media (min-width: 738px) {
p
{color: red}
}
 @media (min-width: 992px) {
p
{color: green}
}

ознчает, что на экранах 768px и выше цвет текста в параграфе будет красный. Далее на экранах шириной от
992px он будет зеленый (зеленый перетрет красный). А на экранах менее 768px какого-то другого цвета.

Но это в пределах одной страницы. Если вы добавляете код в Page Settings, то он будет добавлен в сорс только этой страницы. На другой его просто не будет и вы там можете добавлять что хотите. На одной странице для этого класса один CSS, на другой для него же другой.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp