Add this to your custom CSS:

#top .ajax_search_response a.ajax_search_entry {
    display: block;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 12px;
    height: auto;
    padding: 10px 16px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    clear: both;
    overflow: hidden;
    float: none;
    width: auto;
    text-align: left;
}

Best regards,
Josue

Hey!

A. Use the following to make them appear on hover (what did you mean only in mobile? you should know that there is no ‘hover’ in mobile):

.avia-slideshow-arrows {
    display: none;
}

.avia-testimonial-wrapper:hover .avia-slideshow-arrows{
    display: block;
}

B. They are always in the middle from what i see.

C. Use the following to make them skinnier (adjust as needed):

#top .avia-slideshow-arrows a{
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 12px;
}

.avia-slideshow-arrows a:before{
    line-height: 32px;
}

Cheers!
Josue

• This reply was modified 10 years, 10 months ago by Josue.

Hey,

A fix for this will be included in the next version of Enfold, please be patient.

Cheers!
Josue

Hi!

What browser is that? right now we only support Chrome on Android.

Best regards,
Josue

Hey!

You had a typo in your Quick CSS (missing closing “}” at the end) that was blocking the Advanced Styling generated code, it’s fixed now and you can see your modifications reflecting on the site.

Cheers!
Josue

Hi!

Sorry i didn’t understand what you’re referring to in your last message, can you provide a screenshot/mockup of what you want to achieve?

Regards,
Josue

Hi,

Can you post the link to the page where you have this?

Regards,
Josue

Hi Scott,

You can mix it with is_page and pass the Page IDs of the pages you want to affect:

add_action('ava_after_main_title', function() {
if(is_page(array(2,3,4,5)){
	?>
		SECTION HTML HERE
	<?php
}
});

Best regards,
Josue

We looking forward to hearing from you :)

Regards,

Josue

Remove this first part:

@media only screen and (min-width: 767px) and (max-width: 1024px){
    #socket .sub_menu_socket {
        position: absolute;
        left: 50px;
        right: 0px;
        text-align: center;
        top: 10px;
    }

    #socket .sub_menu_socket li {
        display: inline-block;
        padding: 0px;
        float: none;
    }
}

All the code to adjust the socket should be:

@media only screen and (max-width: 480px){
#socket .container {
    text-align: center;
}
#socket .social_bookmarks {
  float: none;
  margin-left: 0px;
  display: inline-block;
}
#socket .copyright {
  float: none;
  display: inline-block;
  width: 100%;
}
}

@media only screen and (max-width: 1024px)
#socket .sub_menu_socket {
  display: none;
}
}

Regards,
Josue

• This reply was modified 10 years, 10 months ago by Josue.

Use this code to center the copyright and icons on iPhone:

@media only screen and (max-width: 480px){
#socket .container {
    text-align: center;
}
#socket .social_bookmarks {
  float: none;
  margin-left: 0px;
  display: inline-block;
}
#socket .copyright {
  float: none;
  display: inline-block;
  width: 100%;
}
}

And this to hide the menu on iPads and lower:

@media only screen and (max-width: 1024px)
#socket .sub_menu_socket {
  display: none;
}
}

Cheers!
Josue

• This reply was modified 10 years, 10 months ago by Josue.

Try with the following CSS code:

#top .social_bookmarks li a {
    color: white;
}

#top .av_header_transparency .social_bookmarks li a {
    color: gray;
}

Best regards,
Josue

You can change that in the Theme Options (set white on General Styling > Header and gray in Header > Transparency Options).

Regards,
Josue

You are welcome, glad to help :)

Regards,
Josue

Hey!

Sorry for the late reply.

1. That’s currently not possible in Enfold -out of the box- but i managed to get a working solution, first add this to your child theme functions.php:

function attach_social_icons_to_mobile_menu(){
?>
<script>
(function($){
    $(window).load(function() {
    		var social_buttons 		= $("#header").find('ul.social_bookmarks').clone(),
    			mobile_advanced 	= $("#mobile-advanced");

			mobile_advanced.prepend(social_buttons);
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'attach_social_icons_to_mobile_menu');

And this to your child theme style.css:

#mobile-advanced ul.social_bookmarks {
    display: block !important;
    position: absolute;
    top: 0;
    left: 25px;
    top: 25px;
}

#mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a {
    clear: none;
    width: 40px;
    min-height: 40px;
    line-height: 40px;
}

#mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a{
    border: 0 !important;
}

#mobile-advanced ul.social_bookmarks li > a:before{
    content: attr(data-av_icon);
    position: relative;
    top: auto;
    font-size: 22px;
    margin-left: 0;
}

4D: That would require additional custom development, unfortunately that’s not something we can assist you with here.

4E: Add this to Quick CSS / child style.css:

.avia-progress-bar .progress {
    box-shadow: none;
}

P.S. Don’t push your topics, it creates the contrary effect as it puts the thread last in our support queue (it orders topics based on activity).

Regards,
Josue

• This reply was modified 10 years, 10 months ago by Josue.