I went ahead and added that to both but nothing seemed to happen. Please Advise

sorry, i’m a tad confused. how to I make the input and button areas taller and have the text centered? like the screenshot – see how the input boxes are taller?

Ahoy Victoria, those worked. I still have a couple of issues. On mobile I need the forms to look like this (Screenshot 1) and is there a way to make the input bars height higher like on the ENFOLD form? Screenshot 2 – it looks like it is about 49 pixel high. Contact form 7 is about 36 pixels high, same with the buttons

All the styles are correct… the mobile still is overlapping.

Is there anyway to have the mobile function like the Contact form where each line is its own? Like attached.

Thanks Ismael!

A couple of questions.
1. How do I remove the shadow/boarder on right side?
2. Anyway to have the button darken on hover or when clicked? I dont like that left shadow when clicked.
3. On mobile the button gets cut off. Anyway to fix?

That look good. What code did you change for reference?

Hi Ismael.

I changed that and did the requested refresh but it still is showing up than disappearing. I’ve gone ahead and created a temp login for you below. Please Advise

Cache is cleared. It is there still when you first open it… Than it disappears. I need it not not show up at all. It looks unprofessional like this. I attached movie of the issue.

Please advise

That kinda works… At first the “h” menu item loads but than disappears…. How do I make it not load before hand? Having it load looks cheap… I really need this to look professional.

I don’t want it to show on desktop or mobile. I inserted this code and it hide it on desktop – i tried adding the second code but it still shows… I need that whole button on mobile not available – not just hidden. Please advise on how to make the “h” button not there on mobile only.

.menuhide {
  opacity:0 !important;
}

@media only screen and (max-width:990px) {
  .menuhide {
    opacity:0 !important;
  }
}

That code hides the log in and Signup buttons on mobile. Not “h” please advise.

Hmm…. there is no way to make a menu item inbetween the contact and signup and hide it? or make it blank?

Hmm… I just added that to the quick css and look the same. Do you mean I need to replace something in the previous code?

Not quite… I need to change the boarder color. I also need to make the hover have a red fill unlike the normal state which will have no fill. The button also seems to be transparent which I dont want. I tried adding this but it didnt work.

.avia-button.avia-color-dark:hover {
  border: 2px solid ##D5202D!important;
   background-color:#c21f2a!important;
   color:white;
}

When I change the color text (black or any othe color) to a hex code (#606163) nothing show up…

/* SIGN UP BUTTON */
#top .av-menu-button#menu-item-3405 > a .avia-menu-text {
   border: 4px #606163;
   background-color:gold!important;
   color:black;
}

Please advise