jklarich

Solved this issue.

Thank You! Worked Great!

The popup does display but it displays larger than the mobile screen. Would like it to be scaled to fit the device screen whether small phone, large phone, tablet, or computer. I have used google and yahoo to test this with my phone.

Problem still not solved. Here is what I have done:

My Popup displays behind my menu bar. I have used the code in css of

‘#nav-header.nav-container {
z-index: 2 !important;
}’

Have changed the z-index to 0 and 1 which puts it in front of the menu bar but the drop down menu doesn’t work. With it 2 or higher the popup is behind but the drop down works.

The page I need help with: https://grangerfarmersmarket.org/

Still looking for help fixing my popup and menu display problem.

Yes when I remove the code it allows the menu bar to be active with drop down menus, but the popup is behind the menu bar again. When the z-index is 0 the popup is in front and the menu bar doesn’t drop downs active when I click to clear the popup. I changed the z-index to 1 and the popup was still in front and the drop downs sort of work where the drop downs appear but are behind other elements of the page.

I have the latest theme version and plugin versions. Here is the code I used again.

‘#nav-header.nav-container {
z-index: 0 !important;’

Yes when I remove the code it allows the menu bar to be active with drop down menus, but the popup is behind the menu bar again. When the z-index is 0 the popup is in front and the menu bar doesn’t drop downs active when I click to clear the popup. I changed the z-index to 1 and the popup was still in front and the drop downs sort of work where the drop downs appear but are behind other elements of the page.

I have the latest theme version and plugin versions. Here is the code I used again.

‘#nav-header.nav-container {
z-index: 0 !important;’

Perfect! Thank You!

How do I give you access? What email do I use?

I changed the z-index to 1 and it looks correct, but when I view my wp-admin and then go back to my site it goes back to the old view of popup behind menu bar. Can you help?

Your help was great! Everything works. Thank you!

This is what I was looking for. I used the CSS code you gave me but took out one part. Here is what I used.

‘.main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a {
text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
opacity: 8 !important;
}’

I would like the weight of the outline to be less so that it is thinner. How do I do this?

Also, I had no underline in my menu but there is one now. I used the following CSS code:

‘#header .nav li a {
text-decoration: none;
}’

That kept my menu not underlined. I also have the menu bolded but I am not sure if these CSS are contradicting and canceling out.

Here is my bold CSS:

‘#header .nav li a{
font-weight : bold;
}’

So I want the Menu bold, not underlined and to have a thin outline. Can you help with any of this?

I tried other themes. Several didn’t work but other themes did work. I tried to deactivate my plugins but the contact form still didn’t work. I am using the Hueman Theme. The contact form use to work, but quit working with one of the recent updates. Any suggestions because I like the Contact Form 7 and have it in several websites and would like to continue using it.

Any suggestions?

What do you mean “default theme”. The theme I use for my site? That will change the whole look of the site, and I don’t want that changed. Do you mean something else?

Also, when the email message has been sent message appears it does not have a green box around it. I have read that it should.

Thanks!