Horizontal Width for Menu Area Near Logo Is Being Reduced By Wide Logo Mouseover

[Anonymous 4323]

Anonymous 4323

April 21, 2023 at 3:32 pm

I hope you can help…

On this site (using Virtue):

*Login to see link

I’m trying to keep the menu (on desktop view, anyhow) on one line, but the logo “clickable area” seems to be twice as wide (to the right) as the logo itself, so the menus can’t use the extra space just on the right of the logo. (This is easy to see by mousing over the logo. You’ll see the mouseover area extends about another width of the logo into the whitespace on the right.)

Can you offer some CSS for me to be able to “override” this and recover that space as usable space for the menu? (I’d like to be able to keep my entire menu to one line there.)

I’m basically trying to duplicate the header of this one very similar to their existing site at:

*Login to see link

You can see the menu extends almost right up against the logo and keeps everything on one line. (I’d like to duplicate this effect.)

Also, any CSS (or settings) you can offer/suggest to duplicate that “underline on mouseover” effect on the top menu at the ctaa.org site?

Thanks!