Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 29, 2016 at 4:39 pm #624637
    BigBossMedia

    Hi guys,

    I have a problem with the mobile menu.

    On mobile or tablet is it possible to scroll horizontally. When you swipe from left to right, the mobile menu is visible. When you open the mobile menu by clicking on the icon and close it again, the possibility to swipe from left to right disappears (and that’s good).

    I found another topic about this problem: https://kriesi.at/support/topic/mobile-menu-list-displaying-on-the-right-handside-of-website/
    I added the CSS to Quick CSS and the problem is solved for mobile devices, but not for tablets.

    Can you help me out?

    Kind regards,

    Jan

    April 29, 2016 at 11:29 pm #624825
    Jordan

    Hey Jan,

    Thanks for getting in touch with us!

    In the code provided at the link, ensure that the max-width is set to 990px.

    If you still have issues, could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan Powell

    April 30, 2016 at 12:52 am #624836
    BigBossMedia

    Hi Jordan,

    It’s set to 990px. I provided the login details in the private section.

    May 2, 2016 at 7:57 am #625505
    Rikard

    Hi Jan,

    Please try the following CSS instead: 

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

    Thanks,
    Rikard

    May 2, 2016 at 1:37 pm #625738
    BigBossMedia

    Hi Rikard,

    I tried, but it doesn’t solve the problem.

    May 3, 2016 at 7:18 am #626238
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    May 3, 2016 at 12:00 pm #626353
    BigBossMedia

    Hi Rikard,

    I provided the login details in the private section.

    May 4, 2016 at 6:34 am #626903
    Rikard

    Hi,

    I checked your site on ipad mini using Chrome but I can’t see any horizontal scrolling at all, in what browser are you seeing it? I think you might be getting cached results so please try clearing your browser cache and reload a few times to see if that helps.

    Best regards,
    Rikard

    May 4, 2016 at 9:20 am #626993
    BigBossMedia

    Hi Rikard,

    I’m using Safari. I refreshed the page a couple of times. I made a video, see the url in the private section.

    May 5, 2016 at 6:20 am #627621
    Rikard

    Hi,

    Ok, I see what you mean now, I get the same result. Not sure what is causing it though since I can’t reproduce it on the demo. Could you try to remove all your customisations to see if any of them is causing it please?

    Regards,
    Rikard

    May 6, 2016 at 11:22 am #628207
    BigBossMedia

    Hi Rikard,

    The following code causes the problem:

    
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}

    I use this code to get a mobile menu at tablets in landscape orientation, to prevent the menu items show up through my logo.

    May 9, 2016 at 11:41 am #629137
    BigBossMedia

    Hi Rikard,

    My problem isn’t solved yet. Can you have a closer look at it?

    May 9, 2016 at 4:26 pm #629328
    Yigit

    Hi,

    Can you please add following code to Quick CSS in Enfold theme options under General Styling tab

    #wrap_all {
position: relative !important;
}

    Best regards,
    Yigit

    May 10, 2016 at 1:54 pm #629904
    BigBossMedia

    Hi yigit,

    It works almost. At tablets in landscape position the menu shows up at the right hand side. See the attached screenshot in the private section.

    May 11, 2016 at 1:00 pm #630655
    Andy

    Hi,

    Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.

    If this does not help there might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:

    Install Enfold over FTP

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • the URL to the login screen
    • a valid username (with full administration capabilities)
    • as well as a password for that username

    Best regards,
    Andy

    May 11, 2016 at 1:06 pm #630660
    BigBossMedia

    Hi Andy,

    I don’t use any plugins. The problem is solved when I remove this code:

    @media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}

    I use this code to get a mobile menu at tablets in landscape orientation.

    I provided the login credentials in the private section.

    May 12, 2016 at 2:09 pm #631379
    Andy

    Hi,

    this code should not cause this issue.

    Did you follow my instructions? Let us know when you’re ready.

    Best regards,
    Andy

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.