• Здравствуйте народ.

    У моего сайта есть старая проблемка. Заключается в том, что при использовании мобильной(На ПК версии норм) версии сайта, логотип modems.uz не кликабельный и пользователи не могут(могут только через выпадающий список Меню) перейти на главную страница.

    Как сделать логотип кликабельным???

    Спасибо.

Просмотр 15 ответов — с 1 по 15 (всего 22)
  • у вас слегка кривоватая верстка. вот этот блок .navbar.navbar-default у вас накрывает логотип, и клик приходится на нем. допишите для него стили float:right и width:100px для мобилы, и все заработает

    Автор mambetov

    (@mambetov)

    @efess

    Спасибо за инфу.

    В редакторе тем подскажите плс куда копать, не могу найти блок navbar.

    PS: я редко работаю с ручным редактированием темы, не профи…

    @tuxfighter

    Спасибо за инфу. Но приходится вручную что-то менять под себя)

    Автор mambetov

    (@mambetov)

    @efess

    точное совпадение navbar.navbar-default не нашёл

    но нашёл navbar в jquery.smartmenus.bootstrap.css

    Автор mambetov

    (@mambetov)

    @efess И вот что там есть

    /*
     You probably do not need to edit this at all.
    
     Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
     These are theme independent and should work with any Bootstrap 3 theme mod.
    */
    /* sub menus arrows on desktop */
    .navbar-nav:not(.sm-collapsible) ul .caret {
    	position: absolute;
    	right: 0;
    	margin-top: 6px;
    	margin-right: 15px;
    	border-top: 4px solid transparent;
    	border-bottom: 4px solid transparent;
    	border-left: 4px dashed;
    }
    .navbar-nav:not(.sm-collapsible) ul a.has-submenu {
    	padding-right: 30px;
    }
    /* make sub menu arrows look like +/- buttons in collapsible mode */
    .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
    	position: absolute;
    	right: 0;
    	margin: -3px 15px 0 0;
    	padding: 0;
    	width: 32px;
    	height: 26px;
    	line-height: 24px;
    	text-align: center;
    	border-width: 1px;
     	border-style: solid;
    }
    .navbar-nav.sm-collapsible .caret:before {
    	content: '+';
    	font-family: monospace;
    	font-weight: bold;
    }
    .navbar-nav.sm-collapsible .open > a > .caret:before {
    	content: '-';
    }
    .navbar-nav.sm-collapsible a.has-submenu {
    	padding-right: 50px;
    }
    /* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
    	position: static;
    	margin: 0 0 0 2px;
    	padding: 0;
    	width: 0;
    	height: 0;
    	border-top: 4px dashed;
    	border-right: 4px solid transparent;
    	border-bottom: 0;
    	border-left: 4px solid transparent;
    }
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
    	content: '' !important;
    }
    .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
    	padding-right: 15px;
    }
    /* scrolling arrows for tall menus */
    .navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
    	position: absolute;
    	display: none;
    	visibility: hidden;
    	height: 20px;
    	overflow: hidden;
    	text-align: center;
    }
    .navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
    	position: absolute;
    	top: -2px;
    	left: 50%;
    	margin-left: -8px;
    	width: 0;
    	height: 0;
    	overflow: hidden;
    	border-top: 7px dashed transparent;
    	border-right: 7px dashed transparent;
    	border-bottom: 7px solid;
    	border-left: 7px dashed transparent;
    }
    .navbar-nav span.scroll-down-arrow {
    	top: 6px;
    	border-top: 7px solid;
    	border-right: 7px dashed transparent;
    	border-bottom: 7px dashed transparent;
    	border-left: 7px dashed transparent;
    }
    /* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
    .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
    	padding-left: 35px;
    }
    .navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
    	padding-left: 45px;
    }
    .navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
    	padding-left: 55px;
    }
    .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
    .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
    	padding-left: 65px;
    }
    /* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
    .navbar-nav .dropdown-menu > li > a {
    	white-space: normal;
    }
    .navbar-nav ul.sm-nowrap > li > a {
    	white-space: nowrap;
    }
    .navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
    	white-space: normal;
    }
    /* fix .navbar-right subs alignment */
    .navbar-right ul.dropdown-menu {
    	left: 0;
    	right: auto;
    }

    • Ответ изменён 2 месяца назад пользователем mambetov.

    @mambetov
    а зачем ты в файлы темы полез???
    тебе сказали стили дописать.

    Автор mambetov

    (@mambetov)

    @tuxfighter

    Подскажите плс куда тыкнуть)

    Автор mambetov

    (@mambetov)

    Вроде я нашёл то что нужно в style.css

    Осталось float:right и width:100px это воткнуть в нужное место)))

    .navbar-nav{
    	padding-left: 7px;
    }
     .yamm .dropdown.yamm-fw .dropdown-menu{
     	margin-left: 7px;
     	margin-right: 6px;
     	border-radius: 0;
     }
    .header-bottom{
    	border-top: 1px solid rgba(255, 56, 71, 0.3);
    	border-bottom: 1px solid rgba(255, 56, 71, 0.3);
    	margin-top: 10px;
    	background: #FF4B59;
    }
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
    	padding: 0;
    }
    .navbar-default .navbar-nav > li > a{
    	padding: 0;
    	color: #FFFFFF;
    	letter-spacing: -0.17px;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    	color: #ffffff;
    }
    .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:active, .navbar-default .navbar-nav > .open > a:focus{
    	color: #ffffff;
    }
    .navbar-default .navbar-nav > li{
    	margin-right: 48px;
    	font-weight: 400;
    	font-size: 14px;
    }
    .navbar-default .navbar-nav > li:focus-within ul {
    display:block;
    }
    .navbar-default .navbar-nav > li ul li a:focus {
    background:unset;
    color:#fff;

    ну вот сюда можно впиндюрить вроде

    .navbar-default{
    border-radius: 0;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    min-height: 10px;
    padding: 13px 0;
    }

    но проверить, не поломает ли пк… и другие меню

    Автор mambetov

    (@mambetov)

    .navbar-default{
    	border-radius: 0;
    	border: none;
    	background-color: transparent;
    	margin-bottom: 0;
    	min-height: 10px;
    	padding: 13px 0;
    	float:right; 
    	width:100px;

    Не поламало но и не сработало(, лого не кликабельно с мобильников

    этот блок у вас в файле https://modems.uz/wp-content/themes/hyper-commerce/style.css — строка 252

    ели вы там правили, то у вас кэш не обновился

    Автор mambetov

    (@mambetov)

    Да там, но правил через админ панель WP, сейчас ещё раз попробую(ранее удалил прежнюю правку).

    Утром проверю)

    Автор mambetov

    (@mambetov)

    Но мне кажется тут дело не в кэше, если долго держать тап на логотипе то открывается окно с вариантами- типо открыть в новой вкладке и т.д. но если открыть, то открывается не главная а сама картинка логотипа.

    Автор mambetov

    (@mambetov)

    efess

    К сажалению делу это не помогло, в моб версии без изменений и слетели менюшки на ПК версии. Вернул изменения обратно.

    Есть ли ещё варианты?)

    Вариант обратиться к тем, кто хорошо знает эту тему (ее авторам) все так же не рассматриваеться?

Просмотр 15 ответов — с 1 по 15 (всего 22)