Mobile Menu not working - Post ID 273974

User 2699991 Photo


Registered User
5,400 posts
Online Now

Jonathan W wrote:
Thanks Wayan! That helps with the links! However, I am still having problems with centering the image link for the holsters. It is already placed on auto from the mobile screen. And I still need to figure out about the navigation which will be a problem should someone access the site from mobile.


Yout menu is set
<div class="container button mobile-menu-toggle" data-toggle="view-menu">

The ID for the menu drop-down (small viewports is
<div class="container menu-wrapper-1" data-animate="slide-in-left slide-out-left" data-toggler="" id="view-menu-1">

either change the ID to view-menu or the trigger on your menu to view-menu-1

That should do the trick
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2852878 Photo


Registered User
53 posts

Very cool! Thank you! How do I hide the button for when it's not needed though?
User 2699991 Photo


Registered User
5,400 posts
Online Now

Jonathan W wrote:
Very cool! Thank you! How do I hide the button for when it's not needed though?

it hides automatically or it should at probably the first default breakpoint somewhere around the 640px width is hides and just shows the normal menu
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2852878 Photo


Registered User
53 posts

Okay I got it to work for at least one page, but when I copy and paste the element (by getting rid of the old unchanged one and replacing it) it jacks up the menu functionality to where it doesn't appear on those pages.
User 2699991 Photo


Registered User
5,400 posts
Online Now

Jonathan W wrote:
Okay I got it to work for at least one page, but when I copy and paste the element (by getting rid of the old unchanged one and replacing it) it jacks up the menu functionality to where it doesn't appear on those pages.


Take the one that is working,, go to the content tab for that page,, go to the symbols tag, and create a symbol for that menu,, then you go to the other pages get rid of the existing menu then go to the content and symbols tab (as previously) and select the + sign for that symbol,, that will add the menu to the page. (then any changes you make to one symbol will be also changed in the pages which have had that symbol added. If you want to make changes to the menu on a page but don't want the changes to happen on the other pages then go to the symbols tab again (before doing the changes) and un-link it (icon looks like a broken chain link) There is a video on my site which shows using the symbols thingy, not exactly for what you are wanting to do, but the principle is there,, the video is called "Emulating Active links part1" the bit about showing about adding & unlinking symbols is a a little bit into the video, but it might give you an understanding of what to do, if you get stuck
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2852878 Photo


Registered User
53 posts

I'll try it out and let you know.
User 2852878 Photo


Registered User
53 posts

It looks like it managed to do that (show the menu button with the links) when viewed at desktop but it doesn't conform to the cell phone screen stil. I'm going to play with it and see what happens if it's just a matter of breakpoints
User 2147646 Photo


Registered User
233 posts

Hi Jonathan, the menu works for me on mobile, but it takes two taps to open the first time round.

User 2852878 Photo


Registered User
53 posts

Home page works but the others are kind of strange and that's what I'm trying to figure out at this point
User 2852878 Photo


Registered User
53 posts

Ok well nothing I'm trying seems to be doing the trick. I'm giving this a couple more rounds but hopefully someone has more pointers about this.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.