Okay
  Public Ticket #1849444
Sticky menu on mobile - menu not visible
Closed

Comments

  •  2
    mervinv started the conversation

    When I turn the option "sticky menu in mobile" ON in combination with a image that is for ex. 1000px wide, the 'menu button' and 'shopping cart' are not visible anymore. (not in the visible area anymore).

    Tested on Samsung S8


    Sticky menu OFF:

    B4tM7p.jpg

    Sticky menu ON:

    DI4U5v.jpg

  • [deleted] replied

    Hi mervinv,

    Can you please send me your Wordpress credentials, because I need to login to your site and test this.

    To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.

    Thanks!

  •   mervinv replied privately
  • [deleted] replied

    Hi mervinv,

    Your site just keep loading for mo and in the end I see this message:

    medium
    (view on a new page)

    Can you please contact your hosting provider and ask them why I can't login in your site please?

    My IP Address Is:
    IPv4: 185.67.178.224

    My IP Information:
    ISP: Kujtesa Net Sh.p.k.

    Country: Albania


    Thanks!

  •  2
    mervinv replied

    Can you please try again?

    Host made an ajustment.

  • [deleted] replied

    Hi mervinv,

    Still the same problem. Page just keep loading =(

  •  2
    mervinv replied

    host now added you on the whitelist

    should work now.

  • [deleted] replied

    HI mervinv,

    Thanks for your fast reply, now I can enter your site. 

    With the Sticky Menu = ON i tested your site and it seems that the sticky menu works as it should (see video).

    Also in iOS (see video).

    Thanks!

  •  2
    mervinv replied

    On your video it looks fine, but the problem is not solved.

    When I test it on my phone, or with Google chrome -> F12 -> mobile view -> iphone 6/7/8

    the problem is also there.

    Check this image:

    WJLlkm.jpg

  • [deleted] replied

    Hi mervinv,

    What phone you are using please?

    Please record a video of this problem in your phone so I can debug your issue.

    Thanks!

  •  2
    mervinv replied

    I tested it on a these 4 (real) devices:

    • Samsung Galaxy S8 
    • Samsung Galaxy S5
    • Archos Helium 50
    • Archos Helium 45

    all show the same problem

  •  2
    mervinv replied

    video of S8 phone: 

    main screen in video is http://aurum.pa6.nl/

    on this page there is no image that is wider than normal content.

    Then i go to subpage 'woocommerce image test'. This page shows the problem because there is an image which is 1000px wide.

  • [deleted] replied

    Hi mervinv,

    Unfortunately I don't have an android device in my office. I just tested your site in Google Chrome browser for iOS but the problem with the menu was not happening to me again.

    There I detected another problem (see video: https://d.pr/v/VrbAK1) so to fix that please add this CSS code in your Custom CSS area:

    .woocommerce div.single-product .tabs .tab-content img {
        max-width: 100%;
    }

    [EDIT] I just applied that code for you in the Custom CSS area. Can you please check if your problem with the menu is happening again?

    Please make sure to clear the browser cache in your phones.

    Thanks!

  •  2
    mervinv replied

    This is exactly the problem i am talking about.

    The solution works.

    Thank you!

  • [deleted] replied

    Hi mervinv,

    Glad to hear that everything is working fine nowsmile.png

    I wish you a great day!

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from me and Laborator in advance!