Hey rikeswon,

Thank you for using Enfold.

The latter is possible. Use the portfolio grid element, enable the title an excerpt then add this in the Quick CSS field:

.grid-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.main_color .grid-content {
    background: rgba(255,255,255,0.4);
}

.grid-entry-title.entry-title {
    margin-top: 35%;
}

Best regards,
Ismael

Hi,

We can fix the default gallery layout with a few quick css. Something like this should work for the 3 column gallery:

#top .gallery-columns-3 .gallery-item {
    width: 33% !important;
    height: auto !important;
}

Best regards,
Ismael

Hi,

Please try this instead:

#top #header .avia_mega_div .sub-menu.avia_mega_hr {
    border-top-style: solid !important;
}

If that doesn’t work then please post admin login details in private and we’ll have a closer look.

Thanks,
Rikard

Hi,

Please remove the previous code then use this in the functions.php file instead:

add_filter('avf_title_args', 'avf_title_args_mod', 10, 2);
function avf_title_args_mod($args,$id)
{
	$attachment = wp_get_attachment_url( get_post_thumbnail_id($id) );
	$title = get_the_title($id);

    if (is_singular('post'))
    {
		$color = '<div id="singlepost-section" class="avia-section main_color avia-section-default avia-no-shadow avia-full-stretch avia-bg-style-scroll   av-minimum-height av-minimum-height-25 container_wrap sidebar_right" style="background-repeat: no-repeat; background-image: url('.$attachment.'); background-attachment: scroll; background-position: top center; " data-section-bg-repeat="stretch"><div class="container"><div class="template-page content  av-content-small alpha units"><div class="post-entry post-entry-type-page post-entry-46"><div class="entry-content-wrapper clearfix"><div style="padding-bottom:10px;font-size:38px;" class="av-special-heading av-special-heading-h3  blockquote modern-quote modern-centered   av-inherit-size"><h3 class="av-special-heading-tag" itemprop="headline">'.$title.'</h3><div class="special-heading-border"><div class="special-heading-inner-border"></div></div></div></div></div></div><!-- close content main div --></div></div>';
		$args['html']  = $color;
    }

    return $args;
}

Best regards,
Ismael

Hey Guenter,

Please continue here: https://kriesi.at/support/topic/single-toggles-besides-sibblings-each-other/#post-492461

Best regards,
Ismael

Hey!

We modified the code a bit. Please try it: https://kriesi.at/support/topic/single-toggles-besides-sibblings-each-other/#post-492461

Cheers!
Ismael

Hey foveaworks,

Thank you for using Enfold.

We will forward the issue to Kriesi. For now, please modify the js > avia.js > avia_sticky_submenu function and look for this code around line 1383:

bordermod	= html.is('.html_minimal_header') ? 0 : 1,

Below, add this code:

fixed_frame	= $('.av-frame-top').length ? $('.av-frame-top').height() : 0,

Again, look for this code around line 1413:

if(!fixed)
						{
							this.css({top: modifier - bordermod, position: 'fixed'}); fixed = true
						}

.. replace it with:

if(!fixed)
						{
							this.css({top: modifier - bordermod + fixed_frame, position: 'fixed'}); fixed = true
						}

Best regards,
Ismael

Hi

Actually I want when I resize the screen the slide should cover the full screen as it is now in the desktop mode. But now when I resize it the height gets smaller and the text below the slides starts coming up.

The layer slider will not automatically adapt to the browser height. Use the full screen slider instead of the layer slider if you need the slider to adapt to the height of the browser. OR create another slider specifically created for mobile then toggle their display properties with css media queries. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

Best regards,
Ismael

Hey!

Please add following code to Quick CSS and adjust as needed

 #advanced_menu_toggle{
    right: -25px;
    top: 30px;
}

Best regards,
Yigit

Hey!

Excuse me, i did not close the tag properly. I have updated the code i posted here – https://kriesi.at/support/topic/search-bar-4/#post-669950. Please try it now

Best regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#top #header_meta {
    background-color: #008578 !important;
}

I checked the site through Facebook and i still could not reproduce the issue unfortunately. I will ask my teammates to see if anyone else can reproduce. Please kindly wait to hear from them

Best regards,
Yigit

Hi,

Please change the code to following

#top .av-subheading.av-subheading_below p {
    font-weight: 800;
color: #111111;
margin-top: 25px;
line-height: 1.4em;
}

Best regards,
Yigit

Hey!

Please add following code to functions.php file in Appearance > Editor

add_shortcode('avia_search', 'get_search_form');

function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('.only-mobile-menu-search a').removeAttr('href');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');

and then go to Appearance > Menus and add a new link and add following into navigation label

[avia_search]

and then click “Screen options” on the top right side of the screen and check “CSS Classes”. Then edit your search menu item and give it custom CSS class “only-mobile-menu-search” and save.

Cheers!
Yigit

• This reply was modified 9 years, 6 months ago by Yigit.