Mobile Version Menu

  • Posted in : impressivCard WP
  • thinkpierce
    Participant

    Hi, I love your theme! I have a question/request for the mobile version of the theme.

    In the mobile device version, the menu isn’t automatically displayed, you have to click on the + sign, I would like to know if its possible to change that so that the menu is always displayed (at the top or at the bottom).

    Thanks!

    ahmetsali
    Keymaster

    Hi, i am not sure if it will be usable but you can try the custom css below;

    @media screen and (max-width: 767px) { 
     .mobile-nav, #header nav:after { display:none; }
     #header nav ul { display:none; }
     #header nav ul:after, #header nav ul:before { display: none;}
     #header nav ul span:before, #header nav ul span:after { display: none;}
     #header nav ul span { margin-top:0.5em; }
     #header nav ul span { padding: 0 0.4 em; font-size: 0.9em; }
    }
    
    thinkpierce
    Participant

    Thanks for the code.
    It didn’t work for me, but that is fine, I’m getting used to the idea of having the menu collapsed.

    Maybe in a future version you can do something like this: (i got the idea from the mobile site for: http://www.bidmc.org/)

    (i’m not a designer so it doesn’t look pretty, but you get the idea) just a thought that you can maybe include for future versions.

    http://rhonapierce.com/wp-content/uploads/2013/01/mobilesite_2.png

    great job on the template and awesome support!

    ahmetsali
    Keymaster

    Thanks for the feedback.

    remytennant
    Participant

    @thinkpierce – That would be a nice feature to have.

Viewing 5 posts - 1 through 5 (of 5 total)

The forum ‘impressivCard WP’ is closed to new topics and replies.