Hey C2S16!

Try to add !important, your code should look like this:

.iconbox_top .iconbox_icon:hover {
    background-color: #0d2555 !important;
}

Let us know if it works :)

Regards,
Nikko

Hey!

I have adjusted the code, I commented out this code:

#top #header_main > .container {
    height: auto !important;
}

And have added this code:

#header .logo img {
    margin-top: 7px;
    max-height: 56px !important;
    width: auto;
}

The whitespace on the header will show up again when doing this because the logo occupies the top space. Let us know if you need the whitespace on the header to be reduced (which also results to reducing logo height and width), or you want to change the background color of the header.

Regards,
Nikko

Hey jmbernstein!

Try to add this code in Quick CSS, located in Enfold > General Styling:

.home #after_layer_slider_1 .av-content-full {
    padding-top: 30px;
}

.home #after_layer_slider_1 .av_promobox {
    margin-bottom: 30px;
}

The first code block is for the spacing between slider and promobox, 2nd block is for promobox and cellboxes, please adjust the values as you see fit. Hope this helps.

Cheers!
Nikko

Hi clairemartindigital!

That feature is not available in Enfold, however you can refer to Ismael’s code in this thread for the popup: https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173

As for the sticky cta button, you will need to use a child theme http://kriesi.at/documentation/enfold/using-a-child-theme/ copy some theme files like header.php add some custom html codes and add some css in Quick CSS to make it sticky. Hope this helps.

Best regards,
Nikko

Hey!

Try to replace this code I gave you:

@media only screen and (max-width:767px) {
  #top #hello .av_one_half {
    display: flex;
    width: 100%;
  }
}

And replace it with:

@media only screen and (max-width:1024px) and (min-width:768px) {
  #top #hello .av_one_half {
    display: flex;
    width: 100%;
    padding: 50px 100px 20px !important;
  }

  #top #hello .av_one_half.avia-builder-el-last {
    padding-bottom: 50px !important;
  }
}

As for word breaks please replace this:

@media only screen and (max-width:767px) {
  * {
    word-break: break-all;
  }
}

To:

@media only screen and (max-width:767px) {
  * {
    word-break: break-word;
  }
}

This should break per word, however what I saw in your site was a long text that was overlapping, the workaround we can do with it is adjust font size.

Regards,
Nikko

Hey soniavoice,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#advanced_menu_toggle {
    position: fixed;
    top: 6% !important;
    left: 85% !important;
}

Best regards,
Jordan