Please assist: I need dots menu remain dots menu - on any screen size

6 replies · opened Apr 23, 2016

MmediatxApr 23, 2016

Hi Canvas Team

Can you please assist me getting the following to work?

MmediatxApr 23, 2016

As I am not able to edit my previous questions, please see the following infos to learn about the issue I am having:

  1. There seem to be no "scrollspy" like feature for the Overlay (looks like its fake and all static so I removed the "is-active" class to at least avoid that). I would need "scrollSpy like feature on the Overlay to set current section as active/highlighted
  2. Overlay menu does not close after link / menu item is clicked
  3. If dots are clicked, they open the overlay menu while in the background the related section is called / scrolled to
MmediatxMay 2, 2016

could someone please pick this up?!

SSemicolon WebSTAFFMay 2, 2016

Hello,

  1. Currently Menu 10 with Dots Menu Combination has some conflicts as it has not been tested yet. But we will surely make this compatible. Please allow us 24 Hours to provide you with a Solution for this.

  2. Dots Menu is disabled on Mobile Devices and the Standard Page Menu is activated for better User Experience, since the Dots Menu may obscure the Click Taps on other Anchor Elements on the Page which may fall behind the Dots Menu.

  3. For the Colors Issue with the Tooltip, can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

  4. To activate the ScrollSpy feature you will need to add the .one-page-menu Class on the Overlay Menu's <ul> Element.

  5. & 6. This does appear to be a Minor Bug with the Code. We will surely fix this in our Next Update which scheduled to be released within 3-4 Days. Meanwhile, you can fix this yourself by simply find the following code in the js/functions.js File inside the onePageScroll: function() Function Block:

if( $('#primary-menu').find('ul.mobile-primary-menu').length > 0 ) {
	$('#primary-menu > ul.mobile-primary-menu, #primary-menu > div > ul.mobile-primary-menu').toggleClass('show', function() {
		$('html,body').stop(true).animate({
			'scrollTop': $( divScrollToAnchor ).offset().top - Number(divScrollOffset)
		}, Number(divScrollSpeed), divScrollEasing);
	}, false);
} else {
	$('#primary-menu > ul, #primary-menu > div > ul').toggleClass('show', function() {
		$('html,body').stop(true).animate({
			'scrollTop': $( divScrollToAnchor ).offset().top - Number(divScrollOffset)
		}, Number(divScrollSpeed), divScrollEasing);
	}, false);
}

and replace it with:

if( $('#primary-menu').find('ul.mobile-primary-menu').length > 0 ) {
	$('#primary-menu > ul.mobile-primary-menu, #primary-menu > div > ul.mobile-primary-menu').toggleClass('show', false);
	$('html,body').stop(true).animate({
		'scrollTop': $( divScrollToAnchor ).offset().top - Number(divScrollOffset)
	}, Number(divScrollSpeed), divScrollEasing);
} else {
	$('#primary-menu > ul, #primary-menu > div > ul').toggleClass('show', false);
	$('html,body').stop(true).animate({
		'scrollTop': $( divScrollToAnchor ).offset().top - Number(divScrollOffset)
	}, Number(divScrollSpeed), divScrollEasing);
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFMay 3, 2016

Hello,

Please use this File for the Combination of Overlay Menu and Dots Menu: https://www.dropbox.com/s/uv1x7pd2xe2toiz/menu-10-with-dots-menu.html?dl=1 .

The ScrollSpy feature was not working because the Overlay Menu was not setup as a One Page Menu and only the Dots Menu was. We have set this up for you.

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

MmediatxMay 13, 2016

Hi there, thanks for the support provided.
On MAY 2 you wrote there will be update within the next 3-4 days - pls advise when it will be ready.
Also I already read multiple times within forum/support that you will release the sass/scss version in april/may. Please let me know the exact timeline.

SSemicolon WebSTAFFMay 16, 2016

Hello,

We Really Apologize about the Delay in releasing the Update. [sb_private_reply]One of Our Macbooks has crashed which had some important files for the Update and we are working on fixing this up as soon as possible so that we can release the Update at the earliest.[/sb_private_reply] The Update will be released by Thursday-Friday this week positively.

Regarding the SASS/SCSS Versions, we are already working on it and are more than Half-Way through the conversion. We will release this within May-End to Mid-June. 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.

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