1. Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 07 February 2015
  5.  Subscribe via email
I want the hornnav to display on the Ipad, when horizontal, like it does on on larger screen.
When the ipad is portrait view, I'd like the mobile version.

http://eastbayfixture.com/3/

I've tried this, but the it does not show the mobile menu on portrait Ipad and smaller devices.



@media only screen and (max-width: 1024px) {

.wrapper960 {
width:100% !important;
}

.wrapper960, .content_background, #header {margin: 0 auto;}

/* Hide default hornav menu */
.hornav, #socialmedia {display:block !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:none;}

.header-1, .header-2 {display:none;}

}
Accepted Answer Pending Moderation
0
Votes
Undo
A little tricky this as you will have to remove some of the current CSS. May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will make the amendments for you. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We have moved the following within your templates responsive.css from the tablet landscape media query down to the mobile landscape media query. Your mobile menu should be now appearing as you wish.


/* Hide default hornav menu */
.hornav, #socialmedia {display:none !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:block;}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!