Canvas Support

different logo for mobile version

1 reply · opened Jul 29, 2020

VvigiasystemJul 29, 2020

Good afternoon.
Is it possible that the mobile version has a different logo than the web version?
Or that the menu bar is a different background color than the web version?

http://coldatex.com.co/coldatex.html

in web version, the bar is black background and white logo, the problem is mobile version, white background and white ogo is not visible.

Sorry if there are problems in writing, I do not speak English, I use a google translator.

thk!!

SSemicolon WebSTAFFJul 29, 2020

Hello,

Both are possible! :)

  1. To change the Logo on Mobile Devices, use the following code:

[
![attachment](images/logo.png)
](index.html)

Please refer to the logo-changer.html Template for complete codes.

  1. Simply add the data-responsive-class="custom-class" Attribute to the #header Tag. Then use the following CSS:

#header.custom-class #header-wrap {
	background-color: #HEX;
}

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