Tagged: , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 8, 2023 at 12:51 am #1424959
    garysch37

    I’ve been developing this website for the last few months and in my final testing found that the burger Close “X” icon is now showing X & Y (horizontal & verical) scrollbars (in the icon image itself) in Firefox & Safari, and a Y scrollbar in Chrome (it didn’t use to).

    You can see it in this screenshot (also at https://www.dropbox.com/scl/fi/m88rc6jma8llath327fk0/burger-close-icon-with-scrollbars.jpg?rlkey=34cnxg2z5hkqylpu2u5mzaakt&dl=0):

    Burger Close X icon showing scrollbars

    I have tried a few things in my child css/header.css file to no avail. I have also cleared browser, wordpress and server caches, all also to no avail.

    It only shows up on a computer–or at least on my iPhone it’s fine.

    Any help would be appreciated.

    Thanks,
    Gary

    • This topic was modified 1 year, 1 month ago by garysch37. Reason: I forgot to mention it's ok on my phone
    November 9, 2023 at 12:32 am #1425042
    garysch37

    Oh, and I also turned off all my plugins, but it didn’t help.

    November 9, 2023 at 1:47 am #1425057
    Ismael

    Hi,

    Thank you for the inquiry.

    We can’t see any scrollbars in the burger menu icon. We checked the site on Chrome. Which browser are you using? Please check the screenshot in the private field.

    Best regards,
    Ismael

    November 9, 2023 at 10:43 pm #1425174
    garysch37

    Hi Ismael!

    Thanks so much for replying!

    That is so weird. My above pic was for both Firefox & Safari on my brother’s home Mac, and the screenshots in my private area show just the vertical scrollbar in Chrome on both the Mac and in Windows 7 on a PC in the office (remotedly accessed via the Mac). Firefox on the PC also showed both scrollbars as it did on the Mac. I can’t explain it. Thoughts?

    Gary

    November 10, 2023 at 2:44 am #1425180
    Ismael

    Hi,

    Thank you for the update.

    Looks like the scrollbar is only visible on hover and it’s quite thin so we didn’t notice it at first; it might be due to this css code. 

    .av-burger-overlay-active .av-burger-menu-main.menu-item-avia-special {
    overflow-y: auto;
}

    You can set the overflow property to hidden to get rid of the scrollbar.

    Best regards,
    Ismael

    November 14, 2023 at 9:29 pm #1425599
    garysch37

    Hi Ismael!

    Thanks so much for the suggestion! That did the trick, i.e. replacing “auto” with “hidden” in that line. It hid both x & y scrollbars in Firefox & Safari, and the y scrollbar in Chrome. I don’t know why they started appearing now whereas months ago the “auto” there worked fine; but who am I to complain at this point, since I want to publish this website once and for all. All good.

    By the way, I don’t know why the scrollbar(s) only appeared for you on hover, and very thin, when for me in all browsers on the Mac & PC they appeared without hovering. Oh well, all’s well. You can close the thread.

    Thanks again,
    Gary

    November 15, 2023 at 4:52 am #1425639
    Ismael

    Hi,

    Glad to know that the suggestion worked! If you have any more questions about the theme, please feel free to open another thread. Congratulations on your new site!

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Burger Close “X” icon showing X & Y scrollbars (in the icon image itself)’ is closed to new replies.