Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

level2 mega-content not displaying correclty on Ipad
(1 viewing) (1) Guest
Report bugs, Userguide, New Ideas..
  • Page:
  • 1
  • 2

TOPIC: level2 mega-content not displaying correclty on Ipad

level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16461

  • Ikziehet!
  • OFFLINE
  • Single Product
  • Senior Boarder
  • Posts: 42
  • Karma: 0
Hi! I cannot get the dropdown menu to scale correctly on ipad.
My site: website.hospitality.nl


It probably has to do with this section in my file left-main-right.xml:

<menu html5tag="section" order="2" id="yt_menuwrap">
<positions>
<position class="span12" type="feature">@menu</position>
</positions>
</menu>

But I cannot figure out how to display or edit the

<div id="container_menu" class="level2 mega-content" style="display: none; top: 54px; left: -181.117px;">

so it displays correctly on Ipad.

Please help!

Re: level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16472

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Lisa,

For this issue, you can edit style on Ipad. Please add this code in your file css:

@media (min-width: 767px) and (max-width: 979px) {
   #meganavigator li.level1 .mega-content .mega-content-inner {
       max-width: 730px;
   }

}


Hope this help. Thanks!

Re: level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16478

  • Ikziehet!
  • OFFLINE
  • Single Product
  • Senior Boarder
  • Posts: 42
  • Karma: 0
It does not work. I inserted the suggested code:

@media (min-width: 767px) and (max-width: 979px) {
   #meganavigator li.level1 .mega-content .mega-content-inner {
       max-width: 730px;
   }

}


into my responsive.css of the website that I built using sj_plus template.

I want to have the horizontal dropdown menu to display correctly on ipad, both in portrait and landscape mode. I have attached my responsive.css file (and named it responsive_css.txt).
for you to see.
Please help.

Attachment responsive_css.txt not found

Re: level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16484

  • Ikziehet!
  • OFFLINE
  • Single Product
  • Senior Boarder
  • Posts: 42
  • Karma: 0
What is more, if I put your suggested code:

@media (min-width: 767px) and (max-width: 979px) {
   #meganavigator li.level1 .mega-content .mega-content-inner {
       max-width: 730px;
   }

}


into the responsive.css of my sj_plus template, the website does not generate adequately on the Ipad ánd now looks awful on Iphone!

So I took the code out.
Please supply me with the solution for the module -that I have bought- to behave correctly on Iphone ánd Ipad both in portrait and landscape mode.

Re: level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16485

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear Lisa S,

Could you please send us your FTP account + pass so that we could check directly.

Thanks!

Re: level2 mega-content not displaying correclty on Ipad 10 years, 2 months ago #16498

  • Ikziehet!
  • OFFLINE
  • Single Product
  • Senior Boarder
  • Posts: 42
  • Karma: 0
HI! I have sent you my FTP details. Could you please help me out?
I want the dropdown-horizontal menu on my site www.ehospitality.nl (grey block with five menu items, dropping down from menu item 'patienten' from 'wat is de hospitality app to 'installatie instructie voor patienten' to display responsive on ipad - both in portrait and landscape orientation and correctly on the Iphone.

Right now, it behaves nicely on iphone but not on ipad. Please help!
  • Page:
  • 1
  • 2
Time to create page: 0.28 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes