Hi,

If you use the following, it will work on hover

#top .gform_wrapper input[type=”submit”]::hover {
color: #fff;
border: 3px solid #fff;
background: transparent;
padding: 15px 30px 13px;
font-size: 13px;
min-width: 139px;
border-radius: 3px;
}

Best regards,
Basilis

Hi,

This css has to be added:

@media only screen and (max-width: 767px) {
#top-line {
    vertical-align: top;
    height: 30px;
}
#top-line > .container {
    height: inherit;
    max-width: 90%;
    position: fixed;
    top: 0 !important;
}
#search-icon-link {
    height: 25px !important;
    line-height: 25px !important;
    width: 25px;
}
#top-line div a {
	line-height: 16px;
}

}

And Javascript has to be slightly adjusted:

function av_move_search_mobile(){
?>
 <script>
jQuery(window).load(function(){
	jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).attr('id', 'search-icon-link').appendTo('#top-line .container');
});
 </script>
<?php
}
add_action('wp_footer', 'av_move_search_mobile');

Let me know how this works for you.
Best regards,
Victoria

Hi,

I will do leave the topic open for some days so he can reply for you, will close it after.

Let us know if we can help to anything else from our side.

Thank you

Best regards,
Basilis

Hi timahe,

Here, try this code:

@media only screen and (min-width: 1280px) {
  #av_section_2 .av-parallax.enabled-parallax.active-parallax {
    min-height: 770px;
  }
  #av_section_2  .container {
    min-height: 500px;
  } 
   #av_section_2  .container .entry-content-wrapper.clearfix {
     padding-top: 40px;
   }
}

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

Hi Abbe,

Ok, we can do it here. So what is the issue and we might still need the temp admin access to be able to look closer and have more context.

Also keep in mind this reply https://kriesi.at/support/topic/polylang-and-homepage-issues/#post-718671

Best regards,
Victoria

• This reply was modified 8 years, 11 months ago by Victoria.

Hi Joe,

It’s on top where all the elements are http://imgur.com/a/iw1TM

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

Hi 1raddad,

The code that overrides the hover is in Quick css somewhere. It looks like this:

#top ul:first-child > li > a:hover {
    color: #88bbc8!important;
    background: #ffffff;
}

You can find it and change it, or just remove !important.

Best regards,
Victoria

Hey PascalStifani,

Please refer to this thread for a possible solution or this one here.

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

Hi Michael,

Thank you for using Enfold!

1. Please use this in the Quick CSS section in Enfold > General Styling:

@media only screen and (max-width: 767px) {
  .logo img { top:0px; }
}

2. The grid cells stack on top of each other. So if you would like to keep that sequence, you will have to rearrange the cells.

If you want, you can hide the middle grid for mobile, and create another version right after it, and make that one appear only for mobile.

If you do that, we can use something like this in quick CSS:

/* This will hide the original grid for mobile phones */
@media only screen and (max-width: 767px) {
  #av-layout-grid-3  { display:none; } 
}

/* This will hide the new mobile-only version for ipads and laptops */
@media only screen and (min-width: 768px) {
  #av-layout-grid-4  { display:none; } 
}

For #3 and #4, we’ll need to take a closer look at your page through your Dashboard. May we have access, please?

Best regards,
Sarah

Hi,

There is another thread with the same request. In your functions.php, can you try using this code instead:

add_action( 'ava_before_bottom_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'header' );
}

And then in Quick CSS, please try this:

#header .widget {
    left: auto;
    right: 90px;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 999999;
}

Best regards,
Sarah