Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #157150
    JNocke
    Participant

    Hey there

    I use the primary navigation for the language selector only. Is it possible to change the navigation to calssic mode on small screens also? WOuld be much nicer here as there is just this one entry in this case.
    http://5702711596392.hostingkunde.de

    Thanks for your help,
    Jules …

    #157162
    Sakin
    Keymaster

    Hi Jules,

    Can you trying adding following css in “Appearance => Customize => Additional CSS” box:

    #menu-toggle-primary {
    	display: none;
    }
    .site-primary-menu {
    	display: block;
    	position: relative;
    }
    .navigation-classic .site-navigation ul ul {
    	display: block;
    	text-transform: none;
    	left: -999em;
    	margin: 0;
    	padding: 11px 0;
    	position: absolute;
    	z-index: 99999;
    }
    .navigation-classic .site-navigation li:hover > ul,
    .navigation-classic .site-navigation li.focus > ul {
    	left: 0;
    	right: auto;
    	animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
    }
    .navigation-classic .site-navigation .primary-menu li:hover > ul,
    .navigation-classic .site-navigation .primary-menu li.focus > ul {
    	left: auto;
    	right: 0;
    	animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
    }
    .home.navigation-classic .site-navigation .primary-menu li > ul {
    	bottom: 100%;
    }
    .home.navigation-classic .header-top .site-navigation .primary-menu li > ul {
    	bottom: unset;
    }
    .site-navigation ul ul,
    .site-navigation ul ul li {
    	background-color: #2b2b2b;
    }

    Regards,
    Sakin

    #157187
    JNocke
    Participant

    Thanks heaps!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Classic Menu on small screens’ is closed to new replies.