Button on header right hand side

Hi kensingtoncyprus,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#text-7 {
    width: 15vw;
    float: right;
    height: 50px;
    top: -50px;
}
#text-7 .textwidget {
    height: 50px;
    display: inline-block;
    float: right;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi kensingtoncyprus,

I would just hide it.

Can you disable caching and minification for now? We will try to find a solution for mobile too.

Best regards,
Victoria

Hi kensingtoncyprus,

Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 1024px) {
    .responsive #top #wrap_all .main_menu {
        right: 125px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #text-7 {
        width: 20vw;
        top: -100px;
    }
    .responsive #top #wrap_all .main_menu {
        top: 25px;
    }

}
@media only screen and (max-width: 479px) {
    #text-7 {
        width: 33vw;
        top: -100px;
    }
    .responsive #top .logo img {
        width: 50%;
        padding-top: 32px;
    }
     .responsive #top #wrap_all .main_menu {
        top: 25px;
    }
}
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
      nav.main_menu {
        left: auto !important;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi kensingtoncyprus,

Thank you :)

Glad you got it working for you! :)

If you need further assistance please let us know.
Best regards,
Victoria

Hi kensingtoncyprus,

Could you please attach some screenshots of the issue?

Which buttons are you referring to ?

Best regards,
Victoria

Hi kensingtoncyprus,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width: 1024px) {
    #text-7 {
        margin-right: 25px;
    }
}
#text-7 .avia-button {
    background-color: #b43a90;
    color: #ffffff;
    border-color: #921877;
} 

If you need further assistance please let us know.

Best regards,
Victoria

Hi kensingtoncyprus,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#footer .wpcf7-form-control-wrap.email-729 {
    display: inline-block;
}
#footer .wpcf7-form-control.wpcf7-submit {
    min-height: 36px;
    margin-left: 10px;
    display: inline-block;
    top: 0px;
    position: absolute;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

Add this to quick css:

#text-4 p{
margin:0 50px!important;
}

Best regards,
Jordan Shannon

Hi,

No problem at all. Did you need additional help or shall we close this topic?

Best regards,
Jordan Shannon

Hi kensingtoncyprus,

https://share.getcloudapp.com/llu4nERP You have the code for those arrows already somewhere in your Quick css, please try different values to position the arrows as you need.

Best regards,
Victoria