Hi,
Sorry the sub-menu is a full width element, but you can have it only show on pages:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_page()) {
		echo do_shortcode("[av_submenu which_menu='center' menu='25' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
[/av_submenu]");
	}
}

or even just some pages by creating an array of their ID’s
I tried many of the hooks to see if I could find another place to put the sub-menu, but most don’t work without braking the page, except before the footer worked with and without the sidebar. Probably no help for you though.

	add_action('ava_before_footer', 'ava_before_footer_mod');
	function ava_before_footer_mod() {
			echo do_shortcode("[av_submenu which_menu='center' menu='25' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
	[/av_submenu]");
	}

Best regards,
Mike

Hey Josiah,
You can add your sub-menu to all pages and posts by adding this code to the end of your functions.php file in Appearance > Editor:

	add_action('ava_after_main_title', 'ava_after_main_title_mod');
	function ava_after_main_title_mod() {
			echo do_shortcode("[av_submenu which_menu='center' menu='25' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
	[/av_submenu]");
	}

Try replacing the shortcode with yours.

Best regards,
Mike

Hi,
Please edit: \enfold\config-templatebuilder\avia-shortcodes\magazine\magazine.php
and go to line 632, look for:

$titleAttr		= "title='".__('Link to:','avia_framework')." ".the_title_attribute(array('echo' => 0, 'post' => $entry->ID))."'";

and remove the

Link to:

in the line.

Best regards,
Mike

Hey better_in_violet,
Your social icons are missing the icon, which in the code looks like a little square. Here is a example:

<a target="_blank" href="http://twitter.com" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Twitter"><span class="avia_hidden_link_text">Twitter</span></a>

look for:

data-av_icon=""

that is the actual icon, or font.
I recreated them for you, and I added this code to your Quick CSS to hide the border between each one:

border-color: transparent;

Then to center them I added this css to your WordPress > Customize > Additional CSS:

#text-2.widget .social_bookmarks li {
margin-left: 9px !important; 
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
ops, your right, please replace the css with this:

#top.single-post span.post-meta-infos {
margin-top: 0px !important; 
padding-top: 0px !important;
float: none !important;
}
#top.single-post span.av-vertical-delimiter {
display: none !important;
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I tried to recreate your example, and found that modifying it a little worked.
First I added a empty color section with 100% browser height, and gave it the ID “hintergrund”
Then I added a code block element in the color section with a link and a class “takeover”

<a class="takeover" href="http://google.com/"></a>

Then I added is css:

#hintergrund { 
background: url('https://127.0.0.1/2017demo1/wp-content/uploads/2015/07/portfolio-4-3.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.takeover { 
    position: absolute; 
    display: block; 
    width: 100%; 
    height: 100%; 
    z-index: 1; 
    top:0;
    cursor: pointer; 
}

please note the “top:0;” it forced the link cover the top of the color section, where it had been down about half way.
The background image was visible and the link worked.
Here is some more info on the subject: Turn an Entire DIV into a Clickable Link

Best regards,
Mike

Hey Michael,
I’m not sure that is going to work for you, at least the way I’m reading it. Here is another option: Apply link to column box where a link is inside the container and the javascript forces it to apply to the whole div.

Best regards,
Mike

Hey HexaG,
Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I was not sure if you wanted the tags also moved, so this code leaves it in place.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_move_date_script(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.post-entry' ).each(function() {
  jQuery( this ).find( 'span.post-meta-infos' ).insertBefore( jQuery(this).find('.av-vertical-delimiter') );
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_move_date_script');

then add this code in the General Styling > Quick CSS field:

#top.single-post span.post-meta-infos {
margin-top: 0px !important; 
padding-top: 0px !important;
}
#top.single-post span.av-vertical-delimiter {
display: none !important;
}

Please see screenshot in Private Content area.

Best regards,
Mike

Hey radnerreyes,
I see that your page is giving the js error: “Uncaught ReferenceError: jQuery is not defined”
Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hey karowebdesign,
Sorry, the versioning is a wordpress core function and it is only for pages and posts.
Is there a chance that a different menu was selected and your menu is in tact and just not selected?

Best regards,
Mike