Recent
Categories
View Replies (2)

J51 Kindle Hornav Menu Follows Left/Right Scroll

0
Votes
Undo
  1. jhooper
    jhooper
  3. Commercial Templates
  4. Thursday, 28 November 2013
  5.  Subscribe via email
Hello,
I'm having an issue with J51 Kindle template and mobile devices with responsive layout turned off. When I view it with my iPod Touch, I can't use the Hornav Menu to navigate because it is too small on the screen. When I zoom in with my iPod everything zooms as would be expected except the hornav menu. The Hornav menu becomes cropped on the right side. I try to scroll left or right to see the hidden tabs on it, but the hornav menu is following my scrolling. This renders my page impossible to navigate with a mobile device. It's not like this in the demo, I can view the demo with my iPod and everything zooms fine.

Anyone know how to fix this up so the Hornav menu is navigable from mobile devices like it behaves in the J51 demo? Tried fiddling with just about every setting in the Template Parameters.

My URL is http://www.qosserver.com/demo

I already sent an e-mail to support but thought I would post here too seeing if anyone else has had this issue.

Thanks,

-John
Responses (2)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi John

The issue is related to the fixed positioning on the header area of your template which can cause issues when the fixed element extends out beyond the screen size which is what happens with the header area of our Kindle template when the responsive layout is turned off.

A solution is to disable the fixed header by adding the following to the Custom CSS field of your templates parameters...


#container_header {

    position: absolute;

}


You may wish to improve on this by just disabling the fixed position on smaller screen devices (tablet & phone) by using the following instead...


#container_header {

    position: absolute;

}

@media only screen and (min-width : 1224px) {

#container_header {

    position: fixed;

}}


Hope this helps

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
jhooper
jhooper
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, the second option does exactly what I need it to.

Best regards,

-John
  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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok