Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 26, 2018 at 2:11 pm #150430
    david
    Participant

    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

    July 27, 2018 at 12:32 am #150446
    Skandha
    Participant

    @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

    July 27, 2018 at 2:43 pm #150484
    david
    Participant

    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.

    July 30, 2018 at 12:08 am #150578
    Skandha
    Participant

    @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

    July 30, 2018 at 12:36 pm #150614
    david
    Participant

    Thank you Skandha, that helps out.

    July 31, 2018 at 12:32 am #150632
    Skandha
    Participant

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Multi-Color Secondary Menu’ is closed to new replies.