[Решено]Исчезает значек мои уведомления

[georgsp]

На телефоне с разрешением 1650x720 при вертикальном положении исчезает значек мои уведомления в верхнем меню.
Если уменьшить масштаб страницы в браузере до 72% или повернуть горизонтально то появляется. Что то можно с этим сделать?

[Antonyous99]

Написать свой CSS для мобильного отображения.

[georgsp]

Написать свой CSS для мобильного отображения.

Если бы я в этом разбирался не было бы и вопроса

[nruslan2]

если не хочется разбираться или нет времени
viewtopic.php?p=23316#p23316

[georgsp]

Вроде получилось. Вставил в пользовательский CSS

Код: Выделить всё

@media (max-width: 330px) {

	/***
	Header navbar
	***/

	.header .navbar-nav {
		display: block !important;
		margin-top: 0px !important;		
	}
	.header .navbar-nav li.dropdown{
		display: none;
	}
	
	.header .navbar-nav li.user{
		display: block;
	}

  	/***
	Page sidebar
	***/
	.page-sidebar,
	.page-sidebar.in {
		margin: 0 10px 10px 10px;
	}

	/***
	Page title
	***/
	.page-title small {
		display: block;
		clear: both;
	}

	/***
	Forms
	***/
  	.portlet .form-horizontal .form-actions {
  		padding-left: 10px; 	
  	}

	/***
	Dashboard date range panel
	***/
	.page-content .breadcrumb .dashboard-date-range  {
		padding-bottom: 8px;
	} 

	.page-content .breadcrumb .dashboard-date-range span {
		display: none;
	}	

  	.page-content .breadcrumb > .btn-group span {
  		display: none;
  	}

  	.page-content .breadcrumb > .btn-group > .btn {
  		padding-left: 7px;
  		padding-right: 7px;
  	}

	.header .navbar-nav > li.dropdown .dropdown-toggle .username {
  		display: none;
	}

	.header .navbar-nav > li.devider {
		margin-left: 2px !important;
  		margin-right: 2px !important;
	}

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none !important;
	}
}

Работает.

[georgsp]

пришлось еще укоротить имя приложения, не входил весь хейдер в одну строку

Код: Выделить всё

.header .navbar-brand {
  		margin-left: 0px !important;
  		padding-left: 0px !important; 
  		max-width: 150px;
	}

[georgsp]

На версии 3.6.2 перестало работать.
Правим...
все удалить, вставить следующее:

Код: Выделить всё

@media (max-width: 480px) {

	/***
	Header navbar
	***/

	.header .navbar-nav
    {
		display: block;
		margin-top: 0px !important;
	}
	.header .navbar-nav li.dropdown
    {
		display: block;
	}
  
      .header .navbar-brand {
        width: 180px;
      }
    
     /* уменьшаем ширину уведомлений на тел. */
     .dropdown-menu.extended.tasks{
      width: 320px !important;
      max-width: 320px !important;
      }
  

}