Dotted box outline around when you click on links

Also the last items on hamburger menu get hidden in mobile menu when phone is set in landscape mode by the footer bar. I want to keep the footer bar but I want all of the items in the menu to be able scroll up

Hi @abanista. Let’s see what we can do about those things.

I’m having a problem with dotted outlines when you click on links on my website. Is there a way I can remove them or make them adopt the color of the button such that they are not very visible?

This is caused by the :focus pseudo-element in CSS:

Link to image: https://cld.wthms.co/GJvlqf

Also I can’t seem to find a way of modifying font weight of selected menu items in hamburger menu using custom menu css classes. The backgroud colors do change but font size, font color and weight can’t seem to change with custom menu css classes

You need to target the anchor element in the list item, not just the li:

Link to image: https://cld.wthms.co/f3wCSB

Also the last items on hamburger menu get hidden in mobile menu when phone is set in landscape mode by the footer bar. I want to keep the footer bar but I want all of the items in the menu to be able scroll up

I’m not sure how that is working, but it seems that some part of your custom CSS if overriding the default hamburger menu (which scrolls with the rest of the site). Could you disable your changes to the hamburger menu and see if that’s still an issue?

Thank you @jobthomas – I have changed the visibility using this code
a:focus,
.focus a {
outline-color: whitesmoke;
}

Nicely done.

We’ll mark this topic as resolved shortly. If you have any further questions, you can start a new thread.