Navagation 'Menu' for Tablets

  • Posted in : Responsy
  • mkelleher
    Participant

    Hi.

    I’ve enjoyed working with your theme. One question, on mobile the main navigation becomes a ‘menu’ which is great. I would like a media query for the same ‘menu’ in tablets too. The current navigation in the tablet is the same as on the desktop and difficult to navigate because the tablet (android) does not support hover.

    Is there a custom css for ‘menu’ for tablets too. Thanks in advance.

    ahmetsali
    Keymaster

    Hi, add the custom css code below, at the end of main.css file

    @media (max-width: 768px) {
    	#logo { padding-top:26px; }
    	#nav { display:none; }
    	.header .social { margin-top:0; }
    	.header .menu { display:inline-block; }
    }
    
    cowling6
    Participant

    I have the same problem except I’m using the impressivcard wp.
    Would this be the same code to use for the impressivcard wp also?
    Thanks.

    ahmetsali
    Keymaster

    Yes, it will work for wp version also.

    cowling6
    Participant

    I copy and pasted the code and it is still showing the desktop version on the ipad. I would like the full mobile version to appear on tablets.
    My site is http://laughoutloudvideo.com/
    Thanks.

    ahmetsali
    Keymaster

    Hi, i meant it will work for responsy wp too, not impressivcard wp, they have different markups, please create a new topic under impressivcard wp category about your issue.

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

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