menu-problem with author theme in tablet-mode

  • Resolved timfin

    (@timfin)


    11 months, 2 weeks ago

    Hello,
    my name is Timo and I am from germany. So please excuse possible faults in my english. Thanks. Our website is based on the author theme and from now on, we will manage it by ourself. So we are learning wordpress step by step the last few weeks and we found a problem in the theme, but only in tablet-mode. This problem is also visible on your demo-homepage. I did some screenshots, but I cannot upload them here, so I will try to explain it.

    When you are in tablet-mode (or resize the screen from desktop-mode to tablet-mode) and open the menu with the burger-icon from the right corner, the menu is correct. When you now expand the menu with an arrow (drop-down-menu), it is still fine. But when you now click on a link, on your demo-homepage for example the “Category” and then open the menu again, you will see that the menu and on the demo-page the search-option are overlaid. When you close the menu and open it, all is fine again.

    On our homepage you can see this behaviour exactly, because we have some more menu-entries than on your demo-page. I thought we have perhaps a plugin, causing this. But when we deactivate all, it is still the same. And because I found the same problem on your demo-page, I think it is a general problem with the theme.

    The fault is only in tablet-mode. In desktop-mode oder mobile-mode, everything is fine with the menu. It would be very nice to look after this problem and give us a solution, because we like the author-theme. Thank you very much.

    Kind regards,
    Timo

    • This topic was modified 11 months, 2 weeks ago by timfin.
    • This topic was modified 11 months, 2 weeks ago by timfin.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter timfin

    (@timfin)

    11 months, 2 weeks ago

    By the way, if screenshots are helpfull, please tell me where I can send them to. Thanks.

    Theme Author Ben Sibley

    (@bensibley)

    11 months, 2 weeks ago

    Hi Timo,

    Thanks for sharing such clear steps to recreate this issue. I am seeing the same thing on our demo site when I follow your steps.

    I will release an update soon that will resolve the issue.

    Thread Starter timfin

    (@timfin)

    11 months, 2 weeks ago

    Hi Ben,
    thank you very much for this fast answer. I am glad to here, that I am right and this issue is not a mistake by myself. I searched some hours and tried so much, not knowing anymore where to look. So I am looking forward to an update of the theme. Thank you very much in advance for it and of course for your support. Really superb.

    Kind regards,
    Timo

    Theme Author Ben Sibley

    (@bensibley)

    11 months, 2 weeks ago

    You’re welcome!

    I’ve just submitted an update and you should see this available in the Themes menu now. After updating, please empty your site’s cache if you’re using a caching plugin, and then you should see the menu glitch fixed.

    Thread Starter timfin

    (@timfin)

    11 months, 2 weeks ago

    Hi,
    thank you very much for this fast update. It works now when you have a menu with short items. But when there is a line break in the menu, such as on our homepage in tablet-mode, there is still a little glitch. Not as much as before (much better now), but just not perfect. Can you take a look at it please? We have two items with a line break for example, that’s why I still see a glitch. When I edit the two items to short names, it is perfect. That would be my solution, if it is not possible to fix it.

    Kind regards,
    Timo

    • This reply was modified 11 months, 2 weeks ago by timfin.
    • This reply was modified 11 months, 2 weeks ago by timfin.
    Theme Author Ben Sibley

    (@bensibley)

    11 months, 2 weeks ago

    Good catch. I think it could work well to simply force these menu items onto one line with the following CSS:

    .menu-primary .sub-menu li {
      white-space: nowrap;
    }

    Please copy and paste this into the Custom CSS section in the Customizer (Appearance > Customize), and it will take effect right away. Let me know what you think.

    P.S. I received an SSL warning when visiting the site and thought you may want to know: https://d.pr/i/pMJlUO

    Thread Starter timfin

    (@timfin)

    11 months, 2 weeks ago

    Yeah, now it is working fine. I think that was the solution. With the css-code forcing the items onto one line, it is perfect. Sorry for that, but in german we have long words. Thank you very much for your help and fast support.

    Kind regards,
    Timo

    Theme Author Ben Sibley

    (@bensibley)

    11 months, 2 weeks ago

    No worries, I’m glad I could help 🙂

    Please stay in touch if you need anything else.

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

The topic ‘menu-problem with author theme in tablet-mode’ is closed to new replies.