Hi!

Thanks for the video, Kindly add this code in Quick CSS:

#gf_1 {
    position: relative;
    top: -24px;
}

Let us know if it works :)

Regards,
Nikko

Hi!

Try to change this code:

@media only screen and (max-width:767px) {
  .avia-fullscreen-slider .avia-slideshow {
    max-height: 220px;
  }

  #top .avia-slideshow-arrows a {
    width: 30px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
  }

  #top .avia-slideshow-arrows a:before {
    line-height: 40px;
    font-size: 20px;
  }

  .avia-slideshow-dots a {
    height: 10px !important;
    width: 10px !important;
    border-radius: 10px !important;
    padding: 4px !important;
    margin-left: 2px;
    margin-right: 2px;
  }
}

To this one:

@media only screen and (max-width:767px) {
  .avia-fullscreen-slider .avia-slideshow {
    height: 500px !important;
    max-height: 500px;
  }

  #top .avia-slideshow-arrows a {
    width: 30px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
  }

  #top .avia-slideshow-arrows a:before {
    line-height: 40px;
    font-size: 20px;
  }

  .avia-slideshow-dots a {
    height: 10px !important;
    width: 10px !important;
    border-radius: 10px !important;
    padding: 4px !important;
    margin-left: 2px;
    margin-right: 2px;
  }
}

@media only screen and (max-width:600px) {
  .avia-fullscreen-slider .avia-slideshow {
    height: 220px !important;
    max-height: 220px;
  }

  .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0 10px !important;
  }
}

Let us know if this helps :)

Best regards,
Nikko

Hey!

I’m very sorry for that. Try to check this work around for it: https://kriesi.at/support/topic/post-meta-information-not-appearing-on-single-post-in-restaurant-theme-in-enfold/#post-508189

Cheers!
Nikko

Hi,

Please add the following

#top #wrap_all .av-main-nav ul > li > a { border-bottom: 1px solid #eee; }

Thanks a lot

Best regards,
Basilis

Hey JeeBar,

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

/* Multi color menu items*/
#avia-menu .menu-item:nth-child(1) { background-color: gold; }
#avia-menu .menu-item:nth-child(2) { background-color: red; }
#avia-menu .menu-item:nth-child(3) { background-color: green; }
#avia-menu .menu-item:nth-child(4) { background-color: grey; }
#avia-menu .menu-item:nth-child(5) { background-color: black; }
#avia-menu .menu-item:nth-child(6) { background-color: yellow; }
#avia-menu .menu-item:nth-child(7) { background-color: purple; }
#avia-menu .menu-item:nth-child(8) { background-color: blue; 
padding-right:20px!important;
}

#avia-menu .menu-item:hover:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	left: 0;
 background-color: rgba(0,0,0,.5); 
}

/* Submenu height */
#top #wrap_all .av-main-nav ul > li > a {
    line-height: 40px;
}

We do have documentation section but at the moment we do not cover the css class names but if you still like to have a look at it please refer to http://kriesi.at/documentation/enfold/

Best regards,
Vinay

Hey corneliaboehm,

Please use the following

#scroll-top-link.avia_pop_class {
background: red;
}

change red, with a Hex or RGBA rule.
Let us know if we can help you further

Best regards,
Basilis

Hi Martin,

Try to add this code in Quick CSS (located in Enfold > General Settings):

.page-id-61146 #av_section_1 .av_one_fourth {
    position: relative;
    top: 120px;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Before giving the code I have checked the breadcrumbs, I tested it several times and noticed that when I clicked Braces the breadcrumbs is Home / Portfolio / Braces but when I clicked on Pendant then open Braces, the breadcrumb becomes Home / Pendants / Braces this is on desktop, tablet or mobile.

I have tried to change the code I gave unfortunately I accidentally forgot to add ) which causes error. Can you replace the code in functions.php (you can change this via ftp or cpanel) to:

add_filter('avia_breadcrumbs_trail', 'avia_change_breadcrumb', 20, 1);
function avia_change_breadcrumb($trail) {

  if(is_single() && get_post_type() == "portfolio")
  {
    $newtrail     = array();
    $portfolio_id = 77; //change portfolio id here
    $pendant_id   = 253; //change pendant id here
    $frontpage    = avia_get_option('frontpage'); 

    $newtrail[0] = '<a href="' . get_permalink( $frontpage ) . '" title="Home">Home</a>'; 
    if( is_tax( 'portfolio_entries', 'pendants') ) {
        $newtrail[1] = '<a href="' . get_permalink( $pendant_id ) . '" title="' . esc_attr( get_the_title( $pendant_id ) ) . '">' . get_the_title( $pendant_id ) . '</a>'; 
    } else {
        $newtrail[1] = '<a href="' . get_permalink( $portfolio_id ) . '" title="' . esc_attr( get_the_title( $portfolio_id ) ) . '">' . get_the_title( $portfolio_id ) . '</a>'; 
    }
    $newtrail['trail_end'] = $trail['trail_end'];

    $trail = $newtrail;
  }
  return $trail;
}

I apologize for the mistake, let us know if it works.

Best regards,
Nikko

• This reply was modified 9 years, 5 months ago by Nikko.

Hey rlogan2334,

I have tested it and I don’t experience anything like the 2 links you posted (I have reached until step 3: 75%). Is this already fixed? if not kindly give us more information like if this is on a Desktop, Tablet or Mobile (iphone, etc), what browser is used (chrome, firefox, etc), what OS is used (windows, mac osx, etc)?

Best regards,
Nikko

Hi,

Can you post screenshots of the things you have mentioned, like how it looks on a tablet (which is a problem), how it looks on desktop (no issues) just for comparison and we can see better in your perspective as well as it will be easier for us to provide a solution. Also include the thin text as I can see it just the same on my end.

As for the solutions, it’s better to keep it in Quick CSS or if you have child theme, in your child theme’s style.css. This is much safer since you won’t lose any of it during theme update.

Best regards,
Nikko

Hey TScursso,

Try to check this thread: https://kriesi.at/support/topic/scroller-parallax-ratio-how-to/

Best regards,
Nikko

Hey Jihad,

Kindly add this css to Quick CSS:

#top.rtl #header .social_bookmarks li:last-child {
    border-color: rgba(255,255,255,0.25) !important;
}

#top.rtl #header.header-scrolled .social_bookmarks li:last-child {
    border-right: 1px solid #e1e1e1 !important;
}

.av_header_transparency #advanced_menu_toggle {
    color: #fff !important;
}

Let us know if it works :)

Best regards,
Nikko

Hey Natalia,

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

.content {
padding-top: 0px !important;
}

Best regards,
Jordan