Canvas Support

Disable rollover effects for blank link.

3 replies · opened Jan 8, 2020

TthcjasonJan 8, 2020

Dear Canvas

Thank you for the nice template. I have recently done a site with the template. However I have some issue and hope you can help.

  1. How to disable the rollover cursor effects for the main or sub menu with blank link "#". For example turn the hand cursor to arrow cursor.
  2. Is it possible to make the menu dropdown appear sooner?
  3. Play pop up video on the page itself on mobile view. Currently it will open up youtube app as external link.
  4. To enable Go Top top button on mobile view.
  5. Align ipost item to equal height
  6. The current icon set does not contain Whats App icon, is there a updated icon set I can get from here?

Thanks in advance.

Cheers
JT

SSemicolon WebSTAFFJan 10, 2020

Hello,

  1. You can consider trying the following CSS Code:
a[href="#"] { cursor: default; }

  1. Simply change the delay: 250, Setting in the js/functions.js File inside the superfish: function() Function Block.

  2. Unfortunately, this is controlled by the Mobile Browser.

  3. Simply add the data-mobile="true" Attribute to the #gotoTop Element.

  4. We are not really sure about this question. Can you please provide us with an example or a screenshot or more explanation as to what you are exactly looking for so that we can provide you with more assistance.

  5. The WhatsApp Icon is already included: http://themes.semicolonweb.com/html/canvas/icons.html . You can use the following CSS Code to set the Color:

.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25D366 !important; }

.si-text-color.si-whatsapp i { color: #25D366; }

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.

TthcjasonJan 13, 2020

Hi

Thank you for the solutions. I managed to resolve some of them but the item 4) and 5)

  1. After adding the gotoTop attribute, the gototop stil not working on mobile view.
  2. Please see attached for detail. Basically its to align all to the highest column.

Cheers
Jason

SSemicolon WebSTAFFJan 14, 2020

Hello,

  1. This should work fine perfectly. Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Additionally, make sure that the code looks like this:

  1. Simply add the data-layout="fitRows" Attribute to the .grid-container DIV.

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