Responsive menu does not work – first go anyway

  • I have 2 websites I am building at the moment, both using this theme. I’ve noticed on both of them that there’s an issue with the responsive menu. After page first loads, if you resize the browser window so the toggle button appears then click on it, it does nothing. If you then refresh the page, it works. My sites are local so I cant test on a tablet, but I assume the toggle button won’t work on tablet either until a page is reloaded.

    My best guess is this is a CSS issue and due to the use of the !important in style.css here –

    @media (min-width: 769px) {
    #site-navigation .menu-primary-container,
    #site-navigation div.menu{
    display: block !important;
    }
    }
    – which coud cause issues with the jquery controlling the nav.

    Be grateful if you could test and see if you get this bug too, and see if it can be fixed. As I say, I’ve 2 sites on the go and the same bug is in both and I’ve barely customised one of them at all.

    Thanks

    Will

Viewing 9 replies - 1 through 9 (of 9 total)

  • if you have the chrome browser on your desktop you can right click and select inspect.

    On the left side of the inspection menu there an icon that looks like a mobile device overlaying a desktop.

    If you click it chrome will emulate mobile devices for testing. It an easy way to see how your site will look on different devices. I tried it on different emulation modes and it seemed to work.

    Did you try it on a mobile device or just re-sized the browser window. If you tried it on a tablet or mobile device and it failed please post the device type.

    Thread Starter port80services

    (@port80services)

    Thanks for the reply. yea, I know about Chrome’s emulator. The main issue isnt testing on a tablet, it’s the fact that the toggle button does not display the menu until the page is refreshed.

    For the record, the same is true when you try via Chrome’s emulator.

    Thread Starter port80services

    (@port80services)

    Just saw a post in another thread. Someone posted a link to a live site that uses this theme. The same bug exists. Check it out

    https://www.futureufitness.co.uk

    Hi

    Were you able to solve the problem then? I’ve put in the same query on the theme’s own website’s forum, but the developers don’t seem to be too active.

    Thread Starter port80services

    (@port80services)

    Hi. Nope, never heard from them. Shame cos it’s otherwise a really excellent theme. My workaround was to use a responsive menu plugin instead and just ignore their one completely.

    Hey, which one did you use? It doesn’t still seem to be working on yours…

    Oh, I’m sorry, I thought the future-fitness link you posted above was yours.

    Which plugin did you use anyway? The responsiveness of the theme in general seems to be so very bad; images, links flying off absolutely anywhere…

    Thread Starter port80services

    (@port80services)

    Yea, I had to do quite a bit of CSS fiddling to get the theme playing nicely for responsiveness. For the menu, I used this one
    https://responsive.menu/

    It used to be free but has gone to freemium. If I remember right, unless you pay, the menu takes up the whole screen which is a bit stupid – but you can just override this in CSS.

    Thanks! I’ll have a look.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Responsive menu does not work – first go anyway’ is closed to new replies.