Hi!

Please add this below the previous css code.

html[lang="fr-FR"] #top #header_meta .sub_menu {
    left: 0;
}

Cheers!
Ismael

Hey!.

We tried to duplicate the layout described in the screenshot as much as we can. I’m sure you can do the rest.

.addheader {
  float: right;
  width: 100%;
  color: #222 !important;
  text-transform:uppercase;
}

.addheader a {
  color:#ccc !important;
  text-transform:uppercase;
  font-size: 100%;
}

.addheader1 {
  background: rgba(0, 0, 0, 0) url("http://dpg.4lke.de/wp-content/uploads/schloss.png") no-repeat scroll 0 0;
  /* border: 1px solid #ccc; */
  float: left;
  min-height: 51px;
  padding: 0 12px 0 0;
  text-align: right;
  width: 24% !important;
  min-width: 120px;
}

.addheader2 {   
background: rgba(0, 0, 0, 0) url("http://dpg.4lke.de/wp-content/uploads/anfrage.png") no-repeat scroll 0 0;
  float: left;
  min-height: 51px;
  padding: 0 12px 0 0;
  text-align: right;
  width: 24% !important;
  min-width: 120px;
}

.addheader3 {   
   background: rgba(0, 0, 0, 0) url("http://dpg.4lke.de/wp-content/uploads/rueckruf.png") no-repeat scroll 0 0;
  float: left;
  min-height: 51px;
  padding: 0 12px 0 0;
  text-align: right;
  width: 24% !important;
  min-width: 120px;
}

#header .widget_text {
    position: absolute;
    top: 20px;
    right: 0;
    width: 40%;
    z-index: 9999;
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
   .logo img {
      width: 340px;
      height: 150px !important;
      max-height: 150px !important;
      top: -20px;
   }
}

@media only screen and (max-width: 768px) {
      /* Add your Mobile Styles here */
   .addheader3, .addheader2, .addheader1 {
      width: 52px;
      min-width: 52px;
   }

   .addheader3 a, .addheader2 a, .addheader1 a {
      display: none;
   }

   #header .widget_text {
      top: -20px;
   }
}

Regarding the ubermenu, please contact the plugin author.

Best regards,
Ismael

Hi,

Thanks for that. Please try the following CSS instead of the old one:

#header .widget {
    width: 50%;
    left: auto;
    top: 10%;
    right: 0;
    position: absolute;
    transform: translate(0);
    font-family: "Georgia";
    font-style: italic;
    color: black;
    font-size: 16px;
}

Best regards,
Rikard

Hi!

I see. Please set the header position then add this in the functions.php file:

function ava_move_social_icon(){
?>
<script>
(function($){
	function a() {
		var isMobile	 = $('#advanced_menu_toggle').css('display'),
			socialHTML   = $('#header .social_bookmarks').find('li'),
			mobileMenu   = $('.html_header_top.html_logo_center .main_menu ul'),
			socialIcons = [];

			if(!isMobile == 'none') return;

			socialHTML.each(function() {
				var socialItems = $(this);
				socialIcons.push(socialItems);
			});

			$('#header .social_bookmarks').remove();

			$(socialIcons).each(function() {
				$(this).appendTo(mobileMenu);
			});
	}
	
	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_move_social_icon');

Best regards,
Ismael

Hi Jenny,

Please try the following in Quick CSS under Enfold->General Styling:

.grid-entry-title {
    padding-top: 10px;
}

Best regards,
Rikard

Hi!

We replied in your own thread: https://kriesi.at/support/topic/show-different-featured-image-slider-on-mobile/

We’ll close this thread now.

Best regards,
Ismael

Hi!

We added the following css code in the Quick CSS field.

@media only screen and (min-width: 990px) {
    .only-mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 990px) {
    .only-desktop {
        display: none !important;
    }
}

And then created a test page here:

// http://www.decimagames.it/test-sliders/

Please update the theme to the latest version, 4.0.

Cheers!
Ismael

Hey!

Actually, we can’t control the order of the masonry items because a script called “isotope” automatically calculates the left and top position. The position depends on the items’s rendering order, their width and the width of the actual masonry container.

Regards,
Ismael

Hey!

I didn’t add the code there. Please add the code that we suggested above.

// https://kriesi.at/support/topic/catalog-text-and-pictures-not-working-properly-when-using-responsive/#post-745719

What is the “R/N/N/N”? Could you please provide a screenshot?

Regards,
Ismael