1. Pappy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Wednesday, 10 December 2014
  5.  Subscribe via email
I'm using this to disable the mobile menu on an ipad.
It works, but how do I center menu on the page and move it up about 10px?



@media only screen and (max-width: 1024px) {
#hornav {display:inline !important;}
.slicknav_menu {display:none;}
}
@media only screen and (max-width: 959px) {
/* Hide default hornav menu */
#hornav {display:none !important;}
/* Show mobile hornav menu */
.slicknav_menu {display:block;}
}
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your menu?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
198.20.228.223/~classica/index.php

It isn't working properly either. The links that have drop downs are not activating the drop down menus.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Presuming I understand you correctly the menu on this page appears to be already centred. Do you wish to centre the menu items on the mobile menu as well?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Only talking about the menu bar.
It is centered on larger displays.

Horizontally on the ipad, the menu bar is not centered. It is on the left.


It isn't working properly either. The top links, that have drop downs, are not activating the drop down menus.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Try changing the following in your custom CSS...


#hornav {display: inline !important;}


to...


#hornav {display: block !important;}


As there is no hover state on mobile devices you may find issues on some mobile devices when using a dropdown as it relies on a hover state to trigger the display of sub items. It is for this reason it is recommended to use the mobile menu across all mobile device screen sizes.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Okay. That centered the bar.

The navigation should work for the Lifestyle template.
I have no problems (though you may have had to send me code to correct the issue) for a site using the Endeavor template.
This site's drop down menus work fine on my Ipad.

http://www.burkmancentre.com
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Our Endeavour template is different as it is not responsive so we used a jQuery dropdown menu which allowed for the dropdown to function on touch devices. The dropdown menu on our Lifestyle template uses CSS3.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
This is interesting.
I haven't tracked the code down yet, but the drop down is working when I have an article on a page that has the JW Player loaded for a video.

This page doesn't have a video, so the drop down doesn't work:
http://198.20.228.223/~classica/index.php/the-stallions/intar-sf

This page has a video and the drop down menu works:
http://198.20.228.223/~classica/index.php/the-stallions/caribbean-baie

Any idea where to start checking?
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Have you since amended this issue as your menu appears to be working fine on both URLs provided?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
No, the one page still wasn't working, but I figured it out the issue.

I was using "Text Separator" for the parent menu item, since I wasn't linking to page.

Solution:
The parent menu item has to be a Menu Heading or an Article link in order for the drop down menus to work.
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


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