Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  JNocke 3 weeks, 3 days ago.

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)

You must be logged in to reply to this topic.