Canvas Support

How to add Top Bar to be viewed on Mobile

6 replies · opened Jun 14, 2019

GGavinBaylisJun 14, 2019

As per the subject line - how can tel number and language selector code (as per below) be viewed on mobile - I've looked at responsive.css but could not see any obvious code and also tried <body class="stretched no-transition sticky-responsive-menu">

<!-- Top Bar
============================================= -->
<div id="top-bar" class="d-none d-md-block">

		&lt;div class="container clearfix"&gt;

			&lt;div class="col_half nobottommargin"&gt;

				&lt;p class="nobottommargin"&gt;**Call:** +33 7777 211 93 | **Email:** info@vanilla.direct&lt;/p&gt;

			&lt;/div&gt;

			&lt;div class="col_half col_last fright nobottommargin"&gt;

				&lt;!-- Top Links
				============================================= --&gt;
				&lt;div class="top-links"&gt;

  • Contact

  • EN


  • attachment
    DE

                  &lt;/div&gt;&lt;!-- .top-links end --&gt;

          &lt;/div&gt;

      &lt;/div&gt;

  &lt;/div&gt;&lt;!-- #top-bar end --&gt;
SSemicolon WebSTAFFJun 14, 2019

Hello,

The Visibility of the Top Bar is controlled by the Bootstrap Display Utility Classes. Simply remove the .d-none and .d-md-block Classes from the #top-bar DIV to make your Top Bar visible on Responsive Devices.

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.

GGavinBaylisJun 14, 2019

Brilliant - all working - thanks

GGavinBaylisJun 14, 2019

Sorry Team

Thought it was working - for sure the menu is there now on Mobile, but the language drop down option (DE for German) is not there as per desktop

https://www.vanilla.direct/

GGavinBaylisJun 14, 2019

Hi guys there is still an issue the drop down link for the German language can not be seen

https://www.vanilla.direct/

SSemicolon WebSTAFFJun 15, 2019

Hello,

This issue was fixed in the Latest Version of Canvas. Simply update the js/functions.js File to the Latest Version and this issue should be automatically resolved.

Hope this Helps!

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

GGavinBaylisJun 16, 2019

Ok thanks - that seems to have done the trick

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