Mega Menu CSS

Hi Danat

I see that all your Megamenu links are Columns instead of Custom Links. Are you sure this is how you would like it to be?
If you would like for the megamenu to look like the one in our demo please see our tutorial here: http://kriesi.at/documentation/enfold/setting-up-your-mega-menu/

To style your mega menu the way it’s structured right now, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.avia_mega_div .sub-menu a {
   color: #b5b5b5 !important;
   font-size: 12px !important;
   padding: 5px 10px;
}

And change the values to fit your preferences.

Best regards,
Sarah

Hi!

1.) Enfold is already responsive. What kind of modifications do you need? :) (I see that you modified some positioning, though! Perhaps those caused the problem?)
2.) To hide the slideshow controls for mobile, please use this in Quick CSS:

@media only screen and (max-width: 768px) {
   .avia-slideshow-controls {display:none!important;}
}

You may use this as reference for the screen widths: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Sarah