Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 10, 2015 at 7:06 am #457011
    ramirezo

    Hello,

    Thanks for the great support so far. I’m having some issues with my mobile menu that I’m hoping to get some help with.

    I took some screenshots, since I thought it would help:

    http://omarramirez.net/UI_mobileIssue_OR_net_150609_v1.jpg

    In the top row you can see the normal mobile view, followed by the extended menu with no selection rolled over, and then the the last with menu collapse button hovered over. you can see in the non over state, the close button is currently invisible

    I think the normal state for the collapse button is appearing as white on white, so as to come off as invisible… how/where might I change this? This must have been something I tweaked at some point, but I was toying with some of the parameters in the Enfold settings to give it another color, but just kept messing with the colors of other items. I like the normal state as white, but white on white obviously isn’t working.

    The second row illustrates my second issue. It just shows one image, and is a screenshot off of my phone of what I am seeing on occasion – the menu switching to a sliding one, to the left. It’s appearing somewhat randomly for me. Usually, the view I get is identical to the what I show in the top row, but when it does slide, if I then close it out, the menu icon (aka hamburger icon) sometimes doesn’t reappear, and the logo shifts more to the center, sitting alone on the black space.
    I saw a side menu is an option but I have that toggled off, so I don’t think that should be occurring.

    My website by the way is http://omarramirez.net/ in case you want to try to replicate any of these issues. I am running Chrome for mobile on an Samsung Note 2, if that makes any difference.

    While I’m at it, I thought I should also ask if it would be possible to easily achieve this for my mobile menu:

    http://omarramirez.net/UI_mobilealt_OR_net_150609_v1.jpg

    Essentially, just have the mobile menu slide out under the header/ logo area, and have the hamburger icon switch out above. That would resolve the first issue I pointed out, and would be preferable, at least in my opinion, since it keeps the logo in view and keeps more UX continuity.

    Your help is greatly appreciated!

    Thanks

    Omar

    June 10, 2015 at 11:13 pm #457558
    Elliott

    Hi ramirezo!

    Add this to your custom CSS.

    #advanced_menu_hide {
  color: white;
  border-color: blue;
  background-color: blue;
}

    As for the menu displaying when you swipe right, that should have been fixed in the latest version. Try completely deleting Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest. If that does not help then try adding this to your custom CSS.

    #wrap_all { position: relative !important; }

    Cheers!
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.