Поддержка Темы и шаблоны При масштабировании все плывет!

  • Добрый день уважаемые друзья! Не могли бы помочь с такой проблемой! При изменении масштаба экрана или с помощью ctrl +/- съезжает поле меню! (( Как поправить данную проблему?!

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Выкладываю код файла стиля

    .container #logo-area { text-align: center; margin-bottom: 57px; }
    #secondary-menu { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; position: relative; }
    #secondary-menu:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; z-index: 1; }
    	.container #second-menu { text-align: center;}
    			#second-menu a {font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; display: block; font-weight: lighter; }
    			#second-menu > ul > li > a { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    			#second-menu > ul > li > a:hover { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); box-shadow: inset 0 0 10px rgba(255,102,0,0.9); }
    				#second-menu li.sfHover > a { color: #fff; text-shadow: none; }
    			#second-menu .main_text { color: #4b4b4b; }
    
    			#second-menu ul > li.current-menu-item > a { font-weight: bold; }
    #main-area { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; padding-bottom: 60px; }
    #featured_section { margin: -59px 0 56px; }
    	#featured { position:relative; }

    Данная проблема происходит на сайте chelton

    Доброго времени суток! Вы решили эту проблему? Поделитесь, как Вы это сделали. Заранее спасибо!

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