Поддержка Темы и шаблоны Точка перехода на мобильный вид

  • Решено photojohn

    (@photojohn)


    Здравствуйте! Есть шаблон (тема) FLUIDA, из-за особенностей положения меню, необходимо изменить разрешение экрана, при котором данная тема переходит на мобильный вид, т.е. то разрешение, при котором обычное меню прячется в мобильное. Иными словами, если мы начинаем уменьшать окно браузера, то в определенный момент шаблон превращается в мобильный, но необходимо сделать так, чтобы это происходило раньше. Помогите пожалуйста найти параметр, отвечающий за эту функцию!

    p.s. Например данная тема считает, что при достижении размера окна в 1 000 px, пора трансформироваться, а мне нужно, чтобы трансформация произошла на 1300 px.

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Автор photojohn

    (@photojohn)

    Вот ссылка на сайт: https://тракпасс.рф

    Может так будет проще.

    Помогите пожалуйста найти параметр, отвечающий за эту функцию!

    @media (max-width: 800px)

    Автор photojohn

    (@photojohn)

    Изменил этот параметр в style.css в двух местах на 1100, но результат тот же. Пробовал в разных браузерах уменьшать экран и делать замеры, разницы никакой.

    Автор photojohn

    (@photojohn)

    @media (max-width: 1100px) {
    	#masthead #site-header-main.header-fixed {
    		top: -80px;
    		transition: .3s ease-out all;
    	}
    	body.mobile-fixed {
    		margin-top: 80px;
    	}
    	.mobile-fixed #masthead #site-header-main.header-fixed {
    		position: fixed;
    		top: 0;
    	}
    	.mobile-fixed #sheader, .mobile-fixed .identity, .mobile-fixed #nav-toggle {
    		line-height: 80px;
    		height: 80px;
    	}
    }
    
    #site-header-main,
    #site-header-main .menu-search-animated,
    #site-header-main #sheader,
    #site-header-main #branding,
    #site-header-main .identity,
    #site-header-main #site-title > span > a {
    	-webkit-transition: .25s line-height ease-in-out, .25s height ease-in-out;
    	transition: .25s line-height ease-in-out, .25s height ease-in-out;
    }
    
    @media (max-width: 1100px) {
    	#site-header-main.header-fixed,
    	#site-header-main.header-fixed .menu-search-animated,
    	#site-header-main.header-fixed .menu-search-animated a,
    	#site-header-main.header-fixed #sheader,
    	#site-header-main.header-fixed #branding,
    	#site-header-main.header-fixed .identity,
    	#site-header-main.header-fixed #access li,
    	#site-header-main.header-fixed #access ul li a {
    		-webkit-transition: .05s line-height ease-in-out, .05s height ease-in-out;
    		transition: .05s line-height ease-in-out, .05s height ease-in-out;
    	}
    }
    @media (max-width: 800px){
    #masthead.cryout #access {
      display: none;
    }
    }
      @media (max-width: 800px){
    .cryout #nav-toggle {
      display: block;
    }
    }

    не вижу никаких изменений

    в style.css

    до первого обновления темы

    Автор photojohn

    (@photojohn)

    Вот скриншот:

    Автор photojohn

    (@photojohn)

    Т.е. это нужно прописывать через ДОПОЛНИТЕЛЬНЫЕ СТИЛИ?

    А как туда можно прописать 2 одинаковых параметра, чтобы произошли изменения в теме?

    Вы уж простите дилетанта …

    Вот скриншот:

    судя по нему, немного меняется хейдер, ни как не затрагивая меню.

    Т.е. это нужно прописывать через ДОПОЛНИТЕЛЬНЫЕ СТИЛИ?

    конечно.

    А как туда можно прописать 2 одинаковых параметра, чтобы произошли изменения в теме?

    а зачем?
    прописывать нужно только то, что хотите изменить.

    в оригинале

    @media (max-width: 800px){
    #masthead.cryout #access {
      display: none;
    }
    }

    в ДС пишите

    @media (max-width: 1100px){
    #masthead.cryout #access {
      display: none;
    }
    }

    исполняться будет правило из ДС

    Автор photojohn

    (@photojohn)

    ВАУ!!! Заработало! СПАСИБО!!! Только есть 1 нюанс: Сайт переходит в мобильный вид на 1100, но вот значок мобильного меню появляется как и раньше на 800 px 🙁 Помогите пожалуйста дописать параметр в дополнительные стили, для меню, чтобы оно тоже появлялось на 1100, в момент трансформации сайта…

    второй блок в моем втором сообщении

    Автор photojohn

    (@photojohn)

    Маэстро! Спасибо Вам огромное!!!

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Точка перехода на мобильный вид» закрыта для новых ответов.