Background Mobile instable

3 replies·opened Feb 13, 2021
S
SemiColonWebSTAFFFeb 13, 2021

Hello,

  1. Apologies for the Inconveniences as this appears to be a Bug. We will fix this in an Update soon. Meanwhile, to fix this manually, simply find the following code in the style.css File:
.top-links-section.menu-pos-invert {
	left: auto;
	right: 0;
}

and replace it with:

.top-links-sub-menu.menu-pos-invert,
.top-links-section.menu-pos-invert {
	left: auto;
	right: 0;
}

And then find the following code in the js/functions.js File:

let submenus = subMenuEl || $( '.mega-menu-content, .sub-menu-container, .top-links-section' );

and replace it with:

let submenus = subMenuEl || $( '.mega-menu-content, .sub-menu-container, .top-links-section, .top-links-sub-menu' );
  1. This is controlled by Safari on iOS. You can consider using the following code:
.sm-form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
}

Hope this Helps!

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

N
nitto75Feb 14, 2021

Hi,
It seems to work!

I needed to clear the browser cache.

Thanks.
B.

S
SemiColonWebSTAFFFeb 15, 2021

Hello,

Really Glad to know that your issues were resolved.

Do let us know if we can help you with anything else.

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