Menu dropdown by tapping on name

This topic has 10 replies, 2 voices, and was last updated 2 years ago by Kunzibert09.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
November 6, 2022 at 10:22 am #312365

Kunzibert09
Participant

The main menu of my site opens on the PC by hovering the mouse pointer over the individual menu items – so far so intuitive. But since these are individual links without URL, you can click on them in the mobile view without anything happening. To expand the menu, you have to click on the small triangle on the right. I find this relatively unintuitive and would like to change it so that you can open the dropdown by tapping on the name of the parent item.

Is there a simple solution to this or does this go deeper into the theme?

I have already found several approaches on the net, but they did not work for my site.

Many greetings and thanks in advance!

Daniel

November 6, 2022 at 11:25 pm #312376

tikaram
Participant

@kunzibert09 : Can you please post in your site URL so that I can check for issues on your site.

Regards,
Tikaram

November 7, 2022 at 3:30 am #312384

Kunzibert09
Participant

URL: https://www.dosenbier-band.de

I’m sorry I missed that.

November 7, 2022 at 12:05 pm #312390
tikaram
Participant
@kunzibert09 : Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css
```
@media only screen and (max-width: 1024px) {
  .dropdown-toggle {
    padding-left: 95%;
  }
}
```
Let me know if this helps you out.

Regards,
Tikaram
November 9, 2022 at 4:40 pm #312542

Kunzibert09
Participant

Hi,

thanks for your help. Sadly, it doesn’t work.

Greetings.

November 10, 2022 at 1:04 am #312557

tikaram
Participant

@kunzibert09 : I checked your site but it looks like you have not added the additional css that I have provided. Please add the given additional css and clear the browser cache and check again.

Regards,
Tikaram

November 10, 2022 at 3:30 am #312564

Kunzibert09
Participant

Hi,

I had inserted the CSS. However, I removed it when it didn’t work. I have now put it back in so you can test it.

Greetings

November 10, 2022 at 3:37 am #312565

tikaram
Participant

@kunzibert09 : Can you please disable the cache plugin on your site for some time so that I can check for issue on your site.

Regards,
Tikaram

November 10, 2022 at 7:37 am #312572

Kunzibert09
Participant

Sure – done!

November 10, 2022 at 8:45 am #312573
tikaram
Participant
@kunzibert09 : You have error in one of the custom css which you will need to update. The following css code contains one extra closing curly bracket.
```
/* Suchleiste aus */

.search-field { display: none !important; }}
```
Please replace the css above with the following css and the drop down will work on your site.
```
/* Suchleiste aus */

.search-field {
  display: none !important; 
}
```
Let me know if this helps to resolve the issue.

Regards,
Tikaram
November 10, 2022 at 9:57 am #312574

Kunzibert09
Participant

Yes! That fixed it. Thank you very much!
Author

Posts