Hey!

You can try following code instead

#top #header .av-main-nav > li > a {
    font-weight: 100;
}

Best regards,
Yigit

Hey!

Please refer to this post – https://kriesi.at/support/topic/sidebar-settings-nested-pages-form-automatic-to-manuel-order/#post-363021

Best regards,
Yigit

Hallo!

Please edit your page and place your content below Layer Slider into a Color Section element and upload following image as your background image and choose to display top centered

Best regards,
Yigit

Hey satucker,

I replied you here – https://kriesi.at/support/topic/hidden-text-on-mobile/#post-741932
Let us continue there :)

Best regards,
Yigit

Hi,

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

#top #header .av-main-nav > li > a {
    font-weight: normal;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

Best regards,
Yigit

Hi Ed!

Replied you here – https://kriesi.at/support/topic/ftp-upload-enfold-3-8-5-pbl-with-blog-posts-tax/
Let us continue there :)

Regards,
Yigit

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey Ikyo,

I’m not sure what you are referring to since you have linked to the theme overview page, if you click the Remove Frame button in the top right hand corner of the screen you will be able to see the direct URL.

Best regards,
Rikard

Hi,

Glad you got it working and thanks for sharing your solution :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the info and patience.

We modified the code in the Quick CSS field and then added the following script in the functions.php file.

function ava_mobile_menu(){
?>
<script>
(function($){
	$(window).on("resize orientationchange", function() {
		var wrap = $('#wrap_all');
		if(wrap.hasClass('show_mobile_menu')) {
		      wrap.removeClass('show_mobile_menu');
		}	
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_mobile_menu');

This is the new css modification.

#wrap_all {
    position: relative;
}

#mobile-advanced {
    right: 0;
    top: -100%; /* set the mobile menu position */
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.avia_transform3d .show_mobile_menu #mobile-advanced {
    -webkit-transform: 	translate3d(0, 100%, 0);
    -moz-transform: 	translate3d(0, 100%, 0);
    transform: 			translate3d(0, 100%, 0); /* on transition, pull down the mobile menu container */
}

.show_mobile_menu #mobile-advanced{
    -webkit-transform: 	translate(0, 100%)!important;
    -moz-transform: 	translate(0, 100%)!important;
    -ms-transform: 		translate(0, 100%)!important;
    transform: 			translate(0, 100%)!important;
}

Best regards,
Ismael

Hi,

We are very sorry for the late response. We added the css modification in the Quick CSS field and it seems to be working now. Please look at the following page.

// https://www.staging3.atcarolines.ch/shop/

This is the css modification.

@media only screen and (max-width: 736px) {
    .avia_textblock pre, .responsive #top #main .products .product {
        width: 45.6% !important;
        margin: 0 4% 1% 0;
    }
}

Best regards,
Ismael

Hi!

2.) Set the Menu and Logo Position to “Logo center, menu above” then add this in the Quick CSS field.

.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

3.) Please add this in the functions.php file.

function ava_mobile_logo(){
?>
<script>
(function($){
	$(window).resize(function() {
		var oldSrc = $('.responsive .logo img').attr('src'),
			newSrc = 'http://www.gardengatemysteries.com/wp-content/uploads/2017/01/logo-2.png';

			var isMobile = '';
			if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
			{
			  isMobile =  true;
			}
			else
			{
			  isMobile =  false;
			}

			if(!isMobile) return;

			$('.responsive .logo img').attr('src', newSrc);
	}).resize();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_mobile_logo');

4.) I’m sorry but you cannot set the header to be transparent on mobile.

Best regards,
Ismael