[FlawlessWeb]

This reply has been marked as private.

[FlawlessWeb]

Hi Rui,

Only just noticed that after putting in your recommended code, it actually throws an Uncaught error. See attached screenshot…

Thanks.

Attachments:

You must be logged in to view attached files.

[FlawlessWeb]

Thanks. Would prove a very handy option to have.

[FlawlessWeb]

This reply has been marked as private.

[FlawlessWeb]

Ok thanks.

Will that updated code in functions.js be included in the 1.9 update?

[FlawlessWeb]

Hi Rui,

Did some testing on this. Here were my findings. After changing the code as instructed, I tested the menu and cart slideout menus on all the major Android browsers (using a SGS4):

Opera: No problems
Firefox: No problems
Dolphin browser: Problem with the menu slideout (pops out slightly on close). Cart seems fine
Boat Browser: No problems
Chrome: No problems

So a good result overall. Dolphin is a fairly popular browser on Android, so worth looking into that issue.

[FlawlessWeb]

Hi Rui,

Will problem number 2 that you addressed in this thread be resolved in the next update?

Thanks.

[FlawlessWeb]

Ok thanks Rui.

[FlawlessWeb]

Have a look at this aryelrivero:

https://github.com/OriginalEXE/Switcheroo

I use it on one of my sites and it is very good.

[FlawlessWeb]

So disable W3 cache temporarily when uploading new versions of Cardinal?

Thanks.

[FlawlessWeb]

Does seem to be working ok now; with that said, I am playing around with the w3 cache plugin, so I am have no idea what version you are seeing.

Ill keep an eye on it anyway.

Thanks for the support.

[FlawlessWeb]

Never-mind, I figured it out 🙂

.mobile-menu-open nav .menu > li.current-menu-ancestor > a {
box-shadow:none !important;
}

[FlawlessWeb]

Hi Kyle,

Thanks again for the code, just having one issue with my setup.

This is the code I am currently using, slightly altered to yours to place the box shadow underneath the active menu item:

nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
  box-shadow: 0 3px 0 #1e73be;
}
.overlay-menu-open #main-navigation ul.menu > li:hover > a {
  box-shadow: none;
}
.overlay-menu-open nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
  box-shadow: none;
}

That code introduces the page shadow menu effect on the main menu but also hides it from the overlay menu which I want. The issue I am facing is that I also want to hide the box shadow effect from the slideout mobile menu. See the screenshot for how it currently looks.

I have the tried the following code to hide it without any luck:

#mobile-menu  #main-navigation ul.menu > li:hover > a {
  box-shadow: none !important;
}

#mobile-menu nav .menu > li.current-menu-ancestor > a  {
  box-shadow: none !important;
}

Any idea on what code to use to achieve what I want?

Thanks.

Attachments:

You must be logged in to view attached files.

[FlawlessWeb]

Not sure if it was something you did, but issues #2 and #3 seem to be ok now.

Just issue #1 remaining now…

Thanks.

[FlawlessWeb]

Odd,

Was not working when I made my last post, but is now.

Thanks.