Синяя линия в выпадающем меню в мобильной версии ⇐ CSS

[Anonymous]

I'm using R and trying to publish a website using quarto, and it works perfectly fine after publishing and when I see it through desktop (both desktop and mobile version). But when I see the website with my iphone, and click the drop down menus, I see this blue lines.





This is what I have at the very bottom of the .yml file

format: html: css: styles.css toc: true And I also have tried the inserting following codes in my css file but didn't work either.

.header-menu-sidebar .nav-ul a { outline: none !important; } .et_mobile_menu { border-top: 2px solid ##ff5733!important; } Any ideas or tips are welcome! Thanks!

Update

• This is my .yml file project: type: website website: title: "helloworld" navbar: left: - text: Home menu: - href: index.qmd right: - text: ABOUT menu: - text: Education format: html: css: styles.css toc: true
• This is what I have in my styles.css

/* css styles */ .navbar-dark { background-color: #222222; }

Источник: https://stackoverflow.com/questions/780 ... le-version