Hi Ismael,

Thank you so much for the response! This put the text below the image before clicking it. See top image link below. I’m trying to get it so after the image is clicked, the lightbox will have a caption. See second image. Red circle should display text.

Any ideas on this?

Thank you for those functions. I don’t want you guys to feel the need to keep re-coding the same answer and it not be the solution. Does anyone know what is populating the html code:

‘<div class=”widget_shopping_cart_content”></div>’;

Inside of the function avia_woocommerce_cart_dropdown? I won’t need any code solutions if you can just point me in the direction of that. I’ll take care of the rest.

I had found the function you posted, editing it will not fully solve my problem.

This line drops the menu down but removing it also removes the numbers of items in the cart display:

'<div class="widget_shopping_cart_content"></div>';

What function is actually triggering the drop down? The one posted only creates the HTML structure for it.

There’s a link…

Add that item to your cart
On the top right is a shopping cart icon that will have the number 1 next to it.
hover over it…
You’ll see a drop down showing the item in your cart…

I do not want that drop down to appear and I do not want a css hack. Currently running the latest version of enfold.

The above guide is how to do it on the WordPress default theme… This should paint vivid picture for you. I’m looking for the exact same solution on enfold.

I can’t paint a more vivid picture of how the enfold shopping cart system works or what I’m after. Please ask another agent for help if you’re confused.

Thank you for your time!

View post on imgur.com

This image is what the cart item looks like when you don’t mouse over it

This is also what it should look like when it’s mouses over. No drop down…

The only plugin relating to links is yoast seo

Solved. Here is the solution for those needing it.

Enfold specifically targets the ‘avia’ menu and only adds the search icon and burger menu to it. In this first step we’re going to do three things.

1. Create our custom menus and have them appear in the admin panel
2. Remove the default search icon that only targets avia and add one that targets our menus also
2. Remove the default burger icon that only targets avia and add one that targets our menus also

Create a file called function-gc.php and add the following code:

// Adds new custom menus inside admin area
add_action( 'after_setup_theme', 'register_gc_menus' );
function register_gc_menus() {
    register_nav_menus( array( 'newmenu1' => 'New Menu 1' )); //name of your first menu
    register_nav_menus( array( 'newmenu2' => 'New Menu 2' )); //name of your second menu
    register_nav_menus( array( 'newmenu3' => 'New Menu 3' )); //name of your third menu; feel free to add as many of these as you'd like
}

/* AJAX SEARCH */

	//first append search item to main menu
	remove_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 9997, 2 );
	remove_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 9997, 2 );
	add_filter( 'wp_nav_menu_items', 'gc_append_search_nav', 9997, 2 );
	add_filter( 'avf_fallback_menu_items', 'gc_append_search_nav', 9997, 2 );

	function gc_append_search_nav ( $items, $args )
	{
		if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
		if(avia_get_option('header_position',  'header_top') != "header_top") return $items;

//edit the line below with your information (newmenu1, newmenu2, etc)
	    if ((is_object($args) && in_array($args->theme_location, array('avia','newmenu1','newmenu2','newmenu3'))) || (is_string($args) && $args = "fallback_menu"))
	    {
	        global $avia_config;
	        ob_start();
	        get_search_form();
	        $form =  htmlspecialchars(ob_get_clean()) ;

	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">
							<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
	        		   </li>';
	    }
	    return $items;
}

/* Enables burger menu on all pages */
//first append search item to main menu
remove_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
remove_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );
add_filter( 'wp_nav_menu_items', 'gc_append_burger_menu', 9998, 2 );
add_filter( 'avf_fallback_menu_items', 'gc_append_burger_menu', 9998, 2 );

function gc_append_burger_menu ( $items , $args )
{
	global $avia_config;

	$location = ( is_object( $args ) && isset( $args->theme_location ) ) ? $args->theme_location : '';
	$original_location = isset( $avia_config['current_menu_location_output'] ) ? $avia_config['current_menu_location_output'] : '';

	/**
	 * Allow compatibility with plugins that change menu or third party plugins to manpulate the location
	 *
	 * @used_by Enfold config-menu-exchange\config.php			10
	 * @since 4.1.3
	 */
	$location = apply_filters( 'avf_append_burger_menu_location', $location, $original_location, $items , $args );

//edit the line below with your information (newmenu1, newmenu2, etc)
	if ((is_object($args) && in_array($args->theme_location, array('avia','newmenu1','newmenu2','newmenu3'))) || (is_string($args) && $args = 'fallback_menu'))
	{
		$class = avia_get_option('burger_size');

		$items .= '<li class="av-burger-menu-main menu-item-avia-special '.$class.'">
					<a href="#">
						<span class="av-hamburger av-hamburger--spin av-js-hamburger">
						<span class="av-hamburger-box">
							  <span class="av-hamburger-inner"></span>
							  <strong>'.__('Menu','avia_framework').'</strong>
						</span>
						</span>
					</a>
				   </li>';
	}
	return $items;
}

Now we need enfold to know our new file exists
inside function.php replace

require_once( 'functions-enfold.php');

with

require_once( 'functions-enfold.php');
require_once( 'functions-gc.php'); // you'll need to redo this step every time you update the theme

Lastly, we want to have the menus appear on the pages they should appear on. This step will need to be repeated every time you update the theme.

Inside helper-main-menu.php replace:

$avia_theme_location = 'avia';
$avia_menu_class = $avia_theme_location . '-menu';

With:

    global $post;
    $newmenu1= array(85,9); // numbers represent pages, categories you want to target
    $newmenu2= array(4, 22);
    $newmenu3= array(5, 34);

//if statement for every menu you have with a fallback to the default main menu
    if (in_array($post->post_parent, $newmenu1) || (in_array($post->ID, $newmenu1))){ 

        $avia_theme_location = 'newmenu1';

    } else if (in_array($post->post_parent, $newmenu2) || (in_array($post->ID, $newmenu2))){

        $avia_theme_location = 'newmenu2';

    } else if (in_array($post->post_parent, $newmenu3) || (in_array($post->ID, $newmenu3))){

        $avia_theme_location = 'newmenu3';

    } else {

        $avia_theme_location = 'avia'; // Goes to default Enfold Main Menu

    }

$avia_menu_class = 'avia-menu';

Let me know if you have any questions

• This reply was modified 6 years ago by GCSkye.

This solution is no longer needed. I’ve managed to do what I needed here for the most part:

I need help in the thread linked above

I had disabled it. I’m also looking at Kriesi’s source, why aren’t the files compressed here? Is it disabled or the same bug

This was resolved.

It happens to any page where sidebar is enabled on that page. I explained exactly why it was happening in my second post.

The class ” sidebar_right” is being added to every section. Since the footer page is coded like a section, it receive the sidebar_right tag as well. Some elements are being messed up by the ” sidebar_right” class.

My post where I added my css fix shows some of them messed up.

The solution kriesi needs to implement is “if page is set as footer, do not add sidebar_right to classes”

I suppose to an untrained eye they are identical.

I’ve resolved most of the issues with simple CSS fixes. You’ll see the subscribe buttons are different. I wasn’t going to leave my live site broken…

Here is the CSS I added to fix it, feel free to remove it and see how it looks for yourself:

/* removes br above and below mailchimp */
#footer-page .flex_column br {display:none}

/* Ensures full width bar is full width */
#footer-page .hr-full .hr-inner{ left:-100%!important}

/* remove large padding on woocommerce footer */
#after_section_1.sidebar_right,#after_section_2.sidebar_right{display:none}

The above CSS only fixes issues on the woocommerce page. I’ve also said how to reproduce this. While it looks better on my site, it won’t on other users sites when they use a sidebar on any page.

Fix for woocommerce pages: Disabling the Sidebar on Archive Pages [right side bar] Fixes all styling issues except the <br> being added above and below the mailchimp form.

This fix does not fix the issue on product pages. I’m using the page sidebar on the woocommerce product page, that may be why.

This of course is a fix but not a solution. I need the sidebar displayed on the right side of pages.

Final note: Woocommerce sidebars css is breaking aspects of the page footer. It’s adding sidebar_right to the css line of the page assuming it is another block.

• This reply was modified 6 years, 1 month ago by GCSkye.