New Landing › How can we help? › Cardinal › make mobile menu icon display at reduced screen width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Cardinal
  • August 23, 2016 at 5:15 pm #288995
    WEswift
    Member
    Post count: 234

    Team – since adding a new menu item, we’ve noticed that at a screen width of 1024, the menu overlaps with the site logo (see the attached screenshot). How can I display the mobile menu icon sooner to accommodate this? Thanks in advance! -Paul

    Attachments:
    You must be logged in to view attached files.
    August 24, 2016 at 12:55 pm #289172
    David Martin – Support
    Moderator
    Post count: 20834

    Please test adding this to Theme Options => Custom CSS:

    @media (min-width: 768px) {
.full-center #logo.has-img a > img {
    max-width: 200px;
}
}
    August 25, 2016 at 6:04 pm #289351
    WEswift
    Member
    Post count: 234

    Good workaround. I ended up employing the following:

    @media (max-width: 1199px)
{
	.full-center #logo.has-img a > img
	{
		max-width: 200px;
	}
}
    August 25, 2016 at 6:22 pm #289355
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Great thanks to David.
    Mohammad

  • Back to forum
    Posted in: Cardinal
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.