On resize not updating the menu logo to dark version

1 reply · opened Sep 29, 2020

DDonkeyDonkerSep 29, 2020

On the app html template
I have:

						
							[
![attachment](images/logo-light.png)
](demo-landing.html)
							[
![attachment](images/logo-light@2x.png)
](demo-landing.html)
						

The top nav is white when small, but blue/transparent when normal.
When I resize smaller nothing happens, but if I scroll down and back up to the header, then it changes to the dark logo version. Is it possible to change the logo if resizing?

SSemicolon WebSTAFFSep 30, 2020

Hello,

We have disabled some JS Functions on Resize to avoid Memory Issues and keep the Pages smoother. If you would like to enable this, simply find the following JS Code in the js/functions.js File inside the SEMICOLON.documentOnResize > init: function() Function Block:
[ch_pre type="js"]SEMICOLON.header.menufunctions();
SEMICOLON.header.fullWidthMenu();
SEMICOLON.header.stickyMenu();[/ch_pre]

and replace it with:
[ch_pre type="js"]SEMICOLON.header.menufunctions();
SEMICOLON.header.fullWidthMenu();
SEMICOLON.slider.swiperSliderMenu(true);
SEMICOLON.slider.revolutionSliderMenu(true);
SEMICOLON.header.stickyMenu();
SEMICOLON.header.logo();[/ch_pre]

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