Hi,

Please refer to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ and create color section elements with 100% container width. Then place your slider inside it.

To decrease the size of the sidebar, please add following code to Quick CSS in Enfold theme options under General Styling tab

.html_header_sidebar #top #header {
    width: 200px;
}
.html_header_left #main {
    margin-left: 200px;
}

Best regards,
Yigit

Hi!

You had following custom CSS code in Quick CSS field in Enfold theme options > General Styling tab

  #advanced_menu_toggle{
    display:none !important;
  }

I removed it and deactivated autoptimize plugin. Please review your website now.

Regards,
Yigit

Hi,

1.) Add this in the functions.php file:

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		var select = $('#top .entry-content-wrapper select');
	    select.css('color','#ffffff');
	    select.change(function() {
	       var current = $('#top .entry-content-wrapper select').val();
	       if (current != 'null') {
	           select.css('color','#000000');
	       } else {
	           select.css('color','#ffffff');
	       }
	    });
    }

	a();
})(jQuery);
</script>
<?php
}

.. and the following code in the Quick CSS field:

#top .entry-content-wrapper select option {
    color: #000000;
}

2.) Unfortunately, you cannot define a different color for the asterisk because it is included in the placeholder attribute.

UPDATE: We added this css code for the placeholder.

::-webkit-input-placeholder {
   color: #ffffff !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ffffff !important;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff !important;  
}

:-ms-input-placeholder {  
   color: #ffffff !important;  
}

Best regards,
Ismael

Hi!

You can use the following css code to remove the border of the submenu items.

#top .av-subnav-menu > li > a {
    border-left: 0;
}

Best regards,
Ismael

Hi!

That is an if else statement. :)

I’m sorry but I’m not sure why it’s not working for you. We get the height of the av-frame-top container if it exists, if not set the value to zero.

fixed_frame	= $('.av-frame-top').length ? $('.av-frame-top').height() : 0,

.. and then add it to the top position value of the sticky menu.

this.css({top: modifier - bordermod + fixed_frame, position: 'fixed'}); fixed = true

Cheers!
Ismael

Hey!

If the maximum width of the device is 2160px, the css code should be applied to it. Please try the follwing css media query instead.

@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) and 
       (min-width: 1500px) and (max-width : 2160px) and
       @-ms-viewport {
{
 /** Surface Pro styles here **/
   #layerslider_8 .ls-bg {
       margin-top: 0 !important;
   }
}

Based on this thread. http://stackoverflow.com/questions/19855268/surface-and-css-media-queries

Regards,
Ismael

Hi Jean,

Great, glad we could help :-)

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

Best regards,
Rikard

Hi,

Great, glad you got it working :-)

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

Best regards,
Rikard

Hi Scott!

Thank for using Enfold.

Wrap the text that you want to go to the second line inside a span tag. Example here: https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385

Cheers!
Ismael

Hi Peter,

Ok, thanks for the feedback. I’ll tag Josue for the topic.

Thanks,
Rikard