[Kunzibert09]

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

[tikaram]

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

Regards,
Tikaram

[Kunzibert09]

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

I’m sorry I missed that.

[tikaram]

@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

[Kunzibert09]

Hi,

 

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

 

Greetings.

[tikaram]

@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

[Kunzibert09]

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

[tikaram]

@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

[Kunzibert09]

Sure – done!

[tikaram]

@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

[Kunzibert09]

Yes! That fixed it. Thank you very much!

[Author]

Posts