Working on this project is new to me and I am encountering a challenge with two issues.
My goal is to create a menu display similar to the image shown here:
https://i.sstatic.net/FsHq5.png
The problem lies in my inability to underline the selected option and make the menu display horizontally. Currently, it appears like this:
https://i.sstatic.net/P65do.png
I have searched online for solutions or examples to guide me in resolving this issue. My work involves CSS and Vue.Js. If anyone can offer assistance on achieving the desired outcome - underlining the selected menu item and displaying the menu horizontally, I would greatly appreciate it.
Here is a snippet of my code:
<div class="panel-group" id="accordion-mbl-menu">
<div class="panel">
...
For styling purposes, here is a portion of my CSS code:
@media (max-width: 828px) {
...
If there are any suggestions on how to improve the styling of this menu display, please feel free to share your insights.