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;}
}
- Pappy
- Commercial Templates
- Wednesday, 10 December 2014
- Subscribe via email
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.
It isn't working properly either. The links that have drop downs are not activating the drop down menus.
- more than a month ago
- Commercial Templates
- # 2
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
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
- more than a month ago
- Commercial Templates
- # 3
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.
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.
- more than a month ago
- Commercial Templates
- # 4
Try changing the following in your custom CSS...
to...
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
#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
- more than a month ago
- Commercial Templates
- # 5
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
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
- more than a month ago
- Commercial Templates
- # 6
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
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
- more than a month ago
- Commercial Templates
- # 7
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?
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?
- more than a month ago
- Commercial Templates
- # 8
Hello
Have you since amended this issue as your menu appears to be working fine on both URLs provided?
Ciarán
Have you since amended this issue as your menu appears to be working fine on both URLs provided?
Ciarán
- more than a month ago
- Commercial Templates
- # 9
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.
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.
- more than a month ago
- Commercial Templates
- # 10
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »