[david]

A few years back Sakin from Catchtheme helped me with a multi color secondary menu, https://catchthemes.com/support-forum/topic/multicolor-secondary-menu/ , however I am hoping that it can look better on a mobile version. The hamburger menu for secondary menu looks great but I would like the visual secondary menu to fill space or be removed all together on mobile sizes. Here is the page I am referring to, http://stirlingarchitects.com/newsa/portfolio/ and here is the current css: .nav-secondary {
display: none;
}
.nav-secondary .catchresponsive-nav-menu a { line-height: 20px; }
.page-id-13 .nav-secondary,
.parent-pageid-13 .nav-secondary {
display: block;
float: right;
}
.nav-secondary .wrapper { padding: 0; }
.nav-secondary { background-color: #B43C38; }

@media screen and (min-width: 885px) {
.nav-secondary .catchresponsive-nav-menu a { padding: 0 20px; }
.nav-secondary .catchresponsive-nav-menu li:last-child a {
padding: 0 21px 0 22px;
}
}
.menu-item-219 a { background-color: #eb9103; }
.menu-item-218 a { background-color: #c26665; }
.menu-item-216 a { background-color: #7591c4; }
.menu-item-215 a { background-color: #9bb959; }
.menu-item-217 a { background-color: #d7af30; }
.menu-item-225 a { background-color: #8359D8; }

Thanks in advance

[Skandha]

@axolotljim: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To remove the desktop menu in mobile devices */
@media screen and (max-width:991px) {
	#menu-project-menu {
		display:none;
	}
}

Let me know if this is what you want!
Kind Regards,
Skandha

[david]

Thanks Skandha, that works great. Lastly and only on this page, http://stirlingarchitects.com/newsa/portfolio/ I am trying to get rid of extra space at top and bottom of pictures so it looks more centered on regular screens. If the padding can match right and left it would look better. I realize it will vary as screen gets smaller.

[Skandha]

@axolotljim: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

article {
	padding:0px !important;
}
#content .wrapper {
	padding-bottom:0px;
}
#main {
	padding:0px !important;
}

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

[david]

Thank you Skandha, that helps out.

[Skandha]

@axolotljim: 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-responsive/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