Responsive menu

  • Hello! Thanks for the great theme!
    I have one issue with menu bar. It’s always stick to left side of screen.
    On large monitors it looks perfect, but on phone screens this bar is bold and bothering.
    How can I move menu on the top of screen on small devices? I’ve no idea now

    • This topic was modified 4 years, 6 months ago by milumir.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author theme404

    (@theme404)

    Hello @milumir
    Go to Appearance > Customize > Additional Css and add following css

    @media only screen and (max-width: 768px){
	.hgroup-wrap{
		width:100%;
		height: 80px;
	}
	.search-toggle,.nav-button{
		width: 80px;
    	height: 80px;
	}
	.nav-button {
		right: 0;
		left: auto;
		width: 80px;
		height: 80px;
	}
	#myfullpage, .site-footer {
		padding-left: 0 !important;
	}
	.logged-in .hgroup-wrap{
		top:46px;
	}
	.site-header .hgroup-wrap + .navbar.menu-expand {
		right: -moz-calc(100% - 0px);
		right: -webkit-calc(100% - 0px);
		right: calc(100% - 0px);
	}
	.site-branding {
		top: 80px;
		z-index: 9;
	}
}
@media only screen and (max-width: 479px){
	.site-branding {
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
    Thread Starter milumir

    (@milumir)

    Thanks!! It works! ??
    There are some problems with z-index (some elements of page scroll up above the menu bar), social menu (it has still vertical alignment), and homepage image (it has 0px absolute alignment, and top part of it is under menu bar),
    but I will fix it by myself.

    • This reply was modified 4 years, 6 months ago by milumir.
    • This reply was modified 4 years, 6 months ago by milumir.
    Theme Author theme404

    (@theme404)

    Hello @milumir
    Thank you for getting back to us. We hope everything proper with you.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive menu’ is closed to new replies.

Tags