Canvas Support

Change mobile menu icon for another and set margin for fixed logo

2 replies · opened Sep 17, 2019

EEnriqueSep 17, 2019

Hi

  1. I'd like to change the icon for mobile menu for another.
    The list of possible icons for doing that is this, right?
    http://themes.semicolonweb.com/html/canvas/icons.html

  2. See screenshot in next post.
    I've assigned to body tag the class sticky-responsive-menu
    Now when I browse mobile view for my site and do scroll, the mobile icon goes up but the logo stays at bottom.
    I'd like to set a margin-bottom for the logo when in mobile view without affecting all the rest

Thanks

SSemicolon WebSTAFFSep 20, 2019

Hello,

Thanks for your Patience!

  1. Yes Ofcourse! You can use any of the Icons from here: http://themes.semicolonweb.com/html/canvas/icons.html .

  2. We have just checked out the Logo and the issue is due to the added margins for the Mobile Device. You can fix this by simply adding the following CSS Code:

.responsive-sticky-header:not(.static-sticky) #logo img {
	margin-top: 0;
	margin-bottom: 0;
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard