[Stin Priza]

hello,

in the front page, the menu is on bottom. can we easily move it on like the rest of the page?

also sub menus open to the left. we need the to open on the right.

[Skandha]

@stinpriza: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width: 64em) {
	#header-content {
	    top: 0;
	    bottom: unset;
	}

	.home:not(.header-media-disabled).navigation-classic .site-navigation .primary-menu li > ul, .home:not(.no-featured-slider).navigation-classic .site-navigation .primary-menu li > ul {
		top: 100%;
	}
	.navigation-classic .site-navigation .primary-menu ul .menu-item-has-children > a > .icon, .home.navigation-classic #header-wrapper:not(.header-top) .site-navigation .primary-menu ul .menu-item-has-children > a > .icon {
	    -webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	.home:not(.header-media-disabled).navigation-classic #header-wrapper:not(.header-top) .site-navigation .menu-item-has-children > a > .icon, .home:not(.header-media-disabled).navigation-classic #header-wrapper:not(.header-top) .site-navigation .page_item_has_children > a > .icon, .home:not(.no-featured-slider).navigation-classic #header-wrapper:not(.header-top) .site-navigation .menu-item-has-children > a > .icon, .home:not(.no-featured-slider).navigation-classic #header-wrapper:not(.header-top) .site-navigation .page_item_has_children > a > .icon {
	    transform: unset;
	}
	.home.navigation-classic #header-wrapper:not(.header-top) .site-navigation ul ul ul {
	    top: 0;
	    border: unset;
	}
	.navigation-classic .site-navigation .primary-menu ul li:hover > ul, .navigation-classic .site-navigation .primary-menu ul li.focus > ul {
	    left: 100%;
	}
	.navigation-classic .site-navigation .primary-menu li:hover > ul, .navigation-classic .site-navigation .primary-menu li.focus > ul {
	    right: auto;
	    left: 0;
	    animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
	}
	.navigation-classic .site-navigation .primary-menu ul li:hover > ul, .navigation-classic .site-navigation .primary-menu ul li.focus > ul {
	    left: 100% !important;
	}
	.navigation-classic .site-navigation .primary-menu li:hover > ul, .navigation-classic .site-navigation .primary-menu li.focus > ul {
	    right: auto !important;
	    left: 0 !important;
	    animation: smoothScrollBack 0.3s backwards, fadein 0.6s;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[Stin Priza]

thanx it worked. i made two more changes to make it more consistence

.header-top #header-content {
animation: none;
}

.site-branding {
padding: 7px 25px;
}

[Skandha]

@stinpriza: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-fullscreen/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts