vastzor

Had some css from before but never got the error message. The code works just fine except for the underline going wider than the text only on the right. Here is the link https://postimg.cc/1V3mdjwf

Hi jordesign

The underline goes wider than the text only on the right. Please see link https://postimg.cc/CRCPxzjb I checked the position of the menu items and they are all justified to the center. When I saved your code I got the “There is an error with your css structure.” message. Hope you can figure this one out. Otherwise no worries I am still happy with what you have provided.

vas

Hi there jordesign

First, much thanks for taking time to look into it. Really grateful for that! Your code worked just fine however the initial underline is still there upon hover. Please see link https://postimg.cc/PNcPZc55 Hope you can shed some light. Also I was wondering how I can get the underline to overlap the menu item above as in illustration A see link https://postimg.cc/bGTZtws7/a898db20 If this is not possible no worries I am still very happy with the code you provided- only if you we can just get rid of the initial underline.

Thanks again

vas

Hello Felipe,

I am hosting my site on a local host.

Here is the link to the image: https://postimg.cc/PLnKJpL5

cannot upload images

• This reply was modified 4 months, 2 weeks ago by vastzor.
• This reply was modified 4 months, 2 weeks ago by vastzor.

Unfortunately the screenshots did not go through. They load but just won’t go through. Is there an email I cant submit them to?

• This reply was modified 4 months, 2 weeks ago by vastzor.

Hi there jordesign

Thank you for getting back!

Please see attached screenshots A and B. At present when I hover a menu item my navigation menu looks like “B”. I would really like it to look like “A” upon hover. Like I said I am aiming for an underline which is lower with a little overlap and has a different color – again only when I hover over a menu item in both the header and the footer navigation menus. I do not know if this helps but but both the header and footer are template parts. After reading some threads on this forum I figured this might work: Go to the Site editor, >global settings.>Styles > Additional CSS and insert the following code:

header .wp-block-navigation-item__content:hover{color: #111111 !important; text-decoration: underline; text-decoration-color: #20903C;}

footer .wp-block-navigation-item__content:hover{color: #111111 !important; text-decoration: underline; text-decoration-color: #20903C;}

Obviously this code does not address overlap and lowering of the underline because I have no idea as to how this can be done. Haven’t tried anything yet because I want to backup my site before doing anything just in case. Do not think this going to work but I thought I would give a try just to see what happens..

Hope you can provide some insight.

Thanks

vas

OK thank you for your help. Deleted all the files from the serve then reinstalled again, connected to the database but still will not acknowledge my email address. I can send you a screen shot if you would like but I guess there is no point as it is some sort of bug that cannot be fixed at least for now. I guess tough luck for me.