Canvas Support

Minor Adjustments

10 replies · opened Aug 24, 2019

Ccochn01Aug 24, 2019

Good Morning,

I'm presently working with CAR DEMO template and had a few questions that appear to be minor tweaks, but can't find where to edit the code.

Here is a live test link to the site. https://codenyc.net/JAJ

  1. NOTICE on Products Dropdown Menu. There appears to be a default setting on the dropdown (visibility: visible). Is there a way to fix so it’s not displaying unless I click on it? Sometimes drop down gets stuck.
  2. PRODUCTS PAGE - Click on Link:
    The Portfolio-filter Heading: How to keep SHOW ALL button to be always viewable? Now it's hidden and only appears when click on the links.

The Following is for FOR MOBILE VIEW:
3. APPLICATIONS PAGE - The Page menu when scroll down it does not stick to the top of each category. How do I fix this?
4. CONTACT TAB SIDE BAR - How to make this 100% width on mobile to fill the whole screen?

Thank you,
NC

Ccochn01Aug 24, 2019

Sorry forgot one last thing...

How do I set PRODUCTS DROPDOWN to display as desktop version with photo inclusions?
Please see screenshot for reference.

Thanks Again,
NC

SSemicolon WebSTAFFAug 26, 2019

Hello,

  1. This is the Default behavior of the Dropdown Plugin which unfortunately cannot be changed. You can consider adding the .on-click Class to the #primary-menu element.

  2. Add the following CSS Code:

.portfolio-filter.style-2 li.activeFilter a.button-reset { opacity: 1; }

  1. Unfortunately, this is currently not supported. We will release a fix for this in an Update.

  2. Consider using the following code:

@media (max-width: 991.98px) {
	#side-panel { right: -100%; }

	#side-panel,
	#side-panel .side-panel-wrap,
	#side-panel .widget { width: 100%; }
}
  1. Appears to be a Bug. We are working on it and will provide you with a solution for this soon.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Ccochn01Aug 26, 2019

Awesome that worked. :-) #2 and #4

  1. Where you mentioned adding .on click... Should I apply this to the mega-menu Class?

  2. Is there a way I could be notified once fix is available?

  3. After re-considering this option. It is the better choice to keep this feature more simplified for mobile view.
    It makes more sense to leave as. You guys are absolutely right!

Thank you so much.
NC

SSemicolon WebSTAFFAug 28, 2019

Hello,

  1. This is the code:

	...
  1. Yes, we will notify you via email once this is available.

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Ccochn01Aug 29, 2019

Perfect!
Okay thank you.

Yes, I do have another question.
In regards to again Car Demo.

The Video Gallery on Hover. How do I just make it just ONE VIDEO not 4?
I tried adjusting the Column, but video is is keeping the default size and won't change.

Thanks Again
:-)

SSemicolon WebSTAFFAug 30, 2019

Hello,

Consider using the following code deleting the old codes: 


	
		Video Gallery
	

	
		
		
			[
				
					Mercedes
					Mercedes-AMG GT
				
				
					
						
					
					
				
			](demos/car/car-listing.html)

This should definitely work fine. Hope this Helps!

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

Ccochn01Aug 30, 2019

Thank you...

You guys are the best!!

I know this is an obvious question. The videoplay on hover works for the desktop. There’s no way to mimic this effect in mobile view, correct?
The other option could be... Upload link from Vimeo/YouTube... but videoplay on hover feature can work for this too?

There are errors happening as well... Screen shots

NC

SSemicolon WebSTAFFAug 31, 2019

Hello,

Thanks for the Kind Words! :)

Unfortunately, HTML5 Videos on Mobile Devices are not supported at the moment. For Youtube/Vimeo Video, they also wont play on Hover and can only work on Interaction (touch) which already happens by default on HTML5 Videos if you remove the Placeholder Image on Mobile Devices. Simply add the .no-placeholder Class to the .video-wrap Element.

Regarding the error messages, we are still evaluating this and will provide you with more insights on this once we have error messages on our examples as well. Meanwhile, please provide us with a Live URL so that we can check more about this.

Hope this Helps!

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

Ccochn01Aug 31, 2019

Thanks so much for your quick response.

In regards to the error. It seems to have been a time delay glitch on my computer. Now it no longer appears. I don’t know what happened??? It’s weird. ?

SSemicolon WebSTAFFSep 1, 2019

Hello,

Glad that your issues were resolved. Do let us know if you are facing problems regarding this again.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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