Hey Carlos,

For the menu, if you’d like the lines between the menu items, use this instead of the code that I gave you:

.html_header_sidebar #header .av-main-nav {  border-bottom: 1px solid #00b3ff; }
.html_header_sidebar #header .av-main-nav > li {margin: 0 !important; padding: 0 39px !important; border-top: 1px solid #00b3ff; }
.html_header_sidebar #header .av-main-nav > li:hover {background-color:#00b3ff;}

If you’d like the hover animation where the text and background moves, that’s also possible but would require some custom CSS to make it happen. You can look for code that does that, or hire someone to help you.

Best regards,
Sarah

Hi,

Let’s adjust the function, so that it works like that only on mobile, and then we see what else we can do

function av_move_search_mobile(){
?>
 <script>
jQuery(window).load(function(){
	if (jQuery.avia_utilities.isMobile) {
		jQuery("li#menu-item-search a").detach().css({"height": "auto", "line-height": "initial"}).appendTo('#top-line .container');
	}
});
 </script>
<?php
}

Best regards,
Victoria

Hi Christian,

Unfortunately, the columns that you have are not like tables, where you can vertically align their contents automatically. The elements are stacked on top of each other, and respond to the browser’s size. I think the best you can do is adjust the text descriptions so that they display in a similar length. This is why I suggested the line break so that the paragraphs have equal number of lines. (But the number of lines might also change as the browser gets smaller!)

I suppose you can also got to Enfold > General Styling > Quick CSS to set the minimum height of the text blocks in the first two columns like this:

.avia-builder-el-41 .avia_textblock p, .avia-builder-el-49 .avia_textblock p {min-height:164px;}

But, again, the alignment may break depending on the screen size, anyway.

I hope my explanation is clear and helpful. Please do let us know if you need clarification. 

Best regards,
Sarah

Hi mbellush,

Please refer to this reply: https://kriesi.at/support/topic/video-embed-shortcode/#post-47188.

If you need further assistance please let us know.
Best regards,
Victoria

Hi Anni0758g,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.post-entry-38 .image-overlay.overlay-type-extern {
  min-width: 115% !important;
  min-height: 110% !important;
  margin-left: -8px;
  margin-top: -11px;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi,

What you can do is keep the default big list, then adjust the size in Quick CSS.

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

.avia-icon-list .iconlist_icon {
   height: 54px !important;
   width: 54px !important;
   line-height: 54px !important;
   font-size: 30px;
}

.avia-icon-list .iconlist_title { 
   margin-top:8px !important;
}

You can adjust the values according to your preference.

Best regards,
Sarah

Hi artisforever,

Here is the code you can put in your child theme styles.css to change the color of the invisible header:

#top #wrap_all .all_colors h2 {
    color: #666666;
}

On which page do you have the problem with the slider?

If you need further assistance please let us know.
Best regards,
Victoria

Hey MORTULGAAH,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 989px) and (min-width: 768px) {
	#menu-item-shop.cart_dropdown {
    	right: 52%;
	}
}

@media only screen and (max-width: 767px) {
	.responsive #top .logo {
		width: 65%;
	}

	.responsive #top #menu-item-shop.cart_dropdown {
	    right: 10%;
	    color: #000;
	}
}

Please don’t forget to flush caches after making changes.

If you need further assistance please let us know.
Best regards,
Victoria

Hey sailentpooN,

Reviews and sidebar are settings that can be configured in WooCommerce.
Please refer to this thread for a possible solution for blurred images.

You need to add the currency switcher to the header as a widget. Here is hoe to do it

You can hide the flag in WPML settings or by adding this code to Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css

.av-language-switch-item { display: none;}

If you need further assistance please let us know.
Best regards,
Victoria

Hey alyceburnett,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

#text-8 {
  padding-top: 0;
}

If you need further assistance please let us know.
Best regards,
Victoria

Hi!

Here is how you could adjust your category page http://kriesi.at/documentation/enfold/change-archive-categorytag-blog-style/, it’s the page you get to when from your sidebar widget.

Here is more on meta title
https://kriesi.at/support/topic/hometage-title-meta-tags/
https://kriesi.at/support/topic/meta-title/

If you need further assistance please let us know.
Regards,
Victoria

Hi Nick,

Sorry for late response and missing this thread. Try changing your code from:

#top .rtr-column-link:hover  {
  background-color: #000;
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}

to:

#top .rtr-column-link {
    transition: all 0.3s ease-in-out !important;
}

#top .rtr-column-link:hover {
    background-color: #000 !important;
    opacity: 1 !important;
}

Let us know if this helps :)

Best regards,
Nikko