Sub-Menu item overlapping background

feelgood2k · September 2018

Hi support,

I ran into the challenge of overlapping submenu items at the moment.

What can I do to alter the background of the submenu items so that longer Anker texts fit in?

Screenshot

https://ibb.co/dwiPep

Thanks so far, for the very nice theme,

Timothy

Pablo · September 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

feelgood2k · September 2018

http://dr-bialluch.schild-roth.hostpress.me <--- here is the live link please have a look

Pablo · September 2018

Hi,

Please paste this Custom CSS code into Theme Options > Custom CSS & JS > CSS

.sub-menu{
  word-break:break-all !important;
}

Thanks

jbforest60 · September 2018

Hello,

Can I also change the width of the submenu so that the entire text fits in one line?

Pablo · September 2018

@jbforest60
You would have to change all submenu items size because if you increase only one submenu item, it won't work correctly.
Oh, It's possible with CSS only.
Thanks.

jbforest60 · September 2018

Thanks Pablo for your answer,

but where I have to change all submenu items?

The address of the page:

https://business-coaching-gwf.de

Pablo · September 2018

Please paste this code into Theme Options > Custom CSS & JS > CSS

.sub-menu li{
	width:100% !important;
}

Thanks

jbforest60 · October 2018

Thank you all right.

Sub-Menu item overlapping background

Comments