Issue with Responsive Tiny Nav when links clicked

whyknott
Inactive member
Topic Author
Member

12 years 2 months ago #26723 by whyknott

Replied by whyknott on topic Issue with Responsive Tiny Nav when links clicked

Okay I sent the login info! Thanks!

Please Log in to join the conversation.

whyknott
Inactive member
Topic Author
Member

12 years 2 months ago #26725 by whyknott

Replied by whyknott on topic Issue with Responsive Tiny Nav when links clicked

I began working on another website using Sparky and this may help you (of course, you probably already know this) when there is only ONE menu presented on a page the tiny nav functions properly. HOWEVER when there are TWO menus presented on the same page that is what makes the tiny nav act up breaking the menu after clicking a link.

Anyway, just thought I'd email this in case it helps!

Thanks again!

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

12 years 2 months ago #26755 by ivan.milic

Replied by ivan.milic on topic Issue with Responsive Tiny Nav when links clicked

I think the way you fitted logo forces situation to manually control when each menu appears. New responsive_menu.js is in attachment it just creates tinynav without display control. Then add this css to bottom of template_css.css

Code:

/*TOP MENU*/
.moduletable_dgimenu UL.menu.nav{
    display:block;
}

.moduletable_dgimenu SELECT.tinynav{
    display:none;
}

@media only screen and (max-device-width : 1024px) {

	.moduletable_dgimenu UL.menu.nav{
		display:none;
	}

	.moduletable_dgimenu SELECT.tinynav{
		display:block;
	}

}
/*CHOSE PRODUCT MENU*/
.moduletable.choosemenu UL.menu.nav{
	`display:block;
}

.moduletable.choosemenu SELECT.tinynav{
     display:none;
}

@media only screen and (max-device-width : 1000px) {

	.moduletable.choosemenu UL.menu.nav{
		display:none;
	}

	.moduletable.choosemenu SELECT.tinynav{
		display:block;
	}

}

this css will do following
-if width of browser less than 1024 display tinynav for topmenu
-if width of browser less that 1000 display tinynav for chose product menu

Attachments:

Please Log in to join the conversation.

whyknott
Inactive member
Topic Author
Member

12 years 1 month ago #26814 by whyknott

Replied by whyknott on topic Issue with Responsive Tiny Nav when links clicked

Hello Ivan, I don't understand what you mean about the way I fitted the logo in the design? Its a standard position assignment. I put a max-width:100% and a negative margin on the logo to position it but the div and module are just utilizing Sparky available module positions. Anyway.............

Thanks for taking the time to troubleshoot. I've updated the code as you document as well as the responsive menu js file and the tiny nav is not triggering now???? See the live site version to see what I mean

www.whyknottmanager.com/dgicreative

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

12 years 1 month ago #26818 by ivan.milic

Replied by ivan.milic on topic Issue with Responsive Tiny Nav when links clicked

Actually logo image crosses bounds of logo position. It looks good but in fact that is creating problems.

Please Log in to join the conversation.

whyknott
Inactive member
Topic Author
Member

12 years 1 month ago #26820 by whyknott

Replied by whyknott on topic Issue with Responsive Tiny Nav when links clicked

Okay I understand it is a unique logo shape. It took me some time to try and figure out the best way to put that logo in to accomplish the layout? Not sure if I know a different way? Any idea how? I tried to use semantic and proper css to position the logo.

Please Log in to join the conversation.

Time to create page: 0.107 seconds