Hi Mike
Thank you for your answer, but it also should work on desktop. And it should also minimize the space between title and video / photo.

All the best, Pascal

PS: the color section has also an id desktop-only/mobile-only, will it work general for this id?

Hi Jordan and thank you for your help, but this is still a problem.

Josue showed me how to do this over a year ago here with a Code Block (the only change I made was to switch from “contact” to “connect”
https://kriesi.at/support/topic/anchor-without-color-section/#post-452955

Let’s stay with the Code Block method. It works as well as your Color Section method.

The problem is, even with your Color Section solution and the Code Block solution, both do not scroll to anchor. Selecting the Main Menu link “Connect” reloads the page, then goes to anchor position. No scrolling.

1. I tried your Color Section by doing this:
I have cleared the cache on the web host and the browsers and attempted to scroll to anchor on the latest versions of Safari, Safari Technology Preview, Chrome, Chrome Canary, Firefox and Firefox Developer Edition. It does not scroll.

2. The same thing happens with Josue’s Code Block solution. Why is it not scrolling on ALL of those browsers?

I’m sure it is a simple solution.

Thank you for your help,

Jasmer

Thank you!

I got everything to work on the real site, BUT now I have a gap on my page below the video on desktop & above on the mobile.

Can you help?

All of you are the BEST!

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

https://kriesi.at/support/topic/editor-element-live-preview/#post-761247

Yes?

This needs a toggle

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

Hi Mike, thanks for your quickly reply, but my problem is for not shown the subcategory, explain
Top category is “DESIGN D’ARREDO”
The sub category that I won’t show in page of portfolio is “LAMPADE” because i would that when the click “DESIGN D’ARREDO” I can choose another subcategory: “LAMPADE and TAVOLA E CUCINA”
Thanks

hey guys i know this is ridiculous but ive solved the above questions on my own and in particular with regards to the center of nav bar I think this is the most elegant way to achieve it.

I had seen other posts discussing 50% margins etc but none are as accurate as this is to perfectly place the nav in the center if you want it on the same row as the logo.

Okay first up to hide the nav text on transparent mode I used

/* Removes the NavBar from the transparent header */
#top .av_header_transparency .avia-menu {display: none;}

And to center nav I used

/* Some css to make the NavBar center align */
.main_menu ul:first-child {
    display: inline-block;
    width: auto;
}

.main_menu {
    text-align: center;
    width:100%;
}

.avia-menu {width:100%;}

Sorry for the really late reply, I did just now try this and it doesn’t seem to be working. I added the code above to the top of functions.php

Like this…

<?php
/**
 * Main WordPress API
 *
 * @package WordPress
 */

 // team member link
function ava_custom_script_mod(){
?>
<script>
(function($){
	function a() {
		$('.avia-team-member').on('click', '.team-social', function() {
			var image = $(this).find('.team-social'),
				link  = $(this).find('.avia-team-icon').attr('href');

			window.location.href = link;
		});
	}

	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod');
 
require( ABSPATH . WPINC . '/option.php' );

I am showing more of the code that’s at the top of functions.php just for reference on exactly where I pasted it in the script.

I also posted the css code in what I am assuming is the Quick CSS. Where can I find the Quick CSS in the theme? I did some quick searching and found reference to the file being located here… http://yourdomain.com/wp-content/uploads/dynamic_avia/enfold.css so I just FTPed to that file, made the change and uploaded it back to the server. No luck. It still behaves the same way. Any ideas?