Mobile Menu Sizing and Drop Down

5 replies · opened Apr 13, 2018

BBlunt_HausApr 13, 2018

Hi Semi Colon Team,

This ticket is regards to a previous one.

Your support team was able to assist with the screen flicker issue i was experiencing with the video banners in Firefox.

However, this change has now made the mobile menu look horrible.

Please see the attached picture for an example.

And here for the live site - My Site

SSemicolon WebSTAFFApr 17, 2018

Hello,

Simply change the previous code with the following:

@media (min-width: 992px) {
	#header.transparent-header + .clear + #slider,
	#header.transparent-header + .clear + #page-title.page-title-parallax,
	#header.transparent-header + .clear + #google-map,
	#slider + .clear + #header.transparent-header {
		top: -100px;
		margin-bottom: -100px;
	}

	#header.transparent-header + .clear + #page-title.page-title-parallax .container {
		z-index: 5;
		padding-top: 100px;
	}
}

This will definitely fix the issue. Hope this Helps!

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

BBlunt_HausApr 26, 2018

Hi Support Team, Thank you very much this seemed to fix the problem.

However, the headings that used to appear in the header for the mobile site no longer do and neither do the breadcrumbs links.

Please help, not sure what i missed.

BBlunt_HausApr 26, 2018

Here is the live link for an example Link

SSemicolon WebSTAFFMay 2, 2018

Hello,

Please add the following CSS Code:

#page-title.page-title-video .container { z-index: 5; }

This will definitely fix the issue. Hope this Helps!

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

BBlunt_HausMay 14, 2018

Thanks Support Team,

This has fixed the headings for the Page Titles.

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