Canvas Support

Dots Menu (left) with Text Menu (right)

2 replies · opened Nov 26, 2018

TtautraNov 26, 2018

Hi, is there possible to have a dots menu with the dots shown left on the screen and the corresponding menu text shown on the right. In the middle the text of the page will be shown. The menu text should be shown at all times, with the current menu highlighted and also to be clickable.

Many thanks.

TtautraDec 4, 2018

Any progress on this one? Many thanks.

SSemicolon WebSTAFFDec 9, 2018

Hello,

Thanks for your Patience!

Unfortunately, this is currently not supported by default and will need Customization. Consider using the following CSS Code: 

@media (min-width: 992px) {

	#page-menu.dots-menu,
	#page-menu.dots-menu #page-menu-wrap {
		left: 20px;
		right: auto;
	}

	#page-menu.dots-menu nav li div {
		right: auto;
		left: 25px;
	}

	#page-menu.dots-menu nav li div:after {
		left: -5px;
		right: auto;
		border-left: 0;
		border-right: 6px solid #1ABC9C;
	}

	#page-menu.dots-menu nav li a:hover div {
		opacity: 1;
		right: auto;
		left: 30px;
	}

}

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.

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