Just a few questions…

Hi cyrusis!

1.) Can you please post a link to your website?

2.) Edit css > grid.css, look for any #boxed selectors then increase the width.

3.) Please give us a link to the columns with animations. You can use media queries to target the mobile view.

Cheers!
Ismael

Hey!

1.) You can add the shadow using this:

.fixed_header #header {
position: fixed;
box-shadow: 0 10px 10px gray;
}

2.) There are lots of section with animated images on the home page. Which one do you want to not display on mobile device? You can use the Media Query on custom.css. Inspect the element then add a display: none property.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Best regards,
Ismael

Hi!

1) Please add following code to Quick CSS in Enfold theme options under Styling tab

@media only screen and (max-width: 768px) { .avia_transform .avia_start_animation.right-to-left.avia_image, .avia_transform .avia_start_animation.bottom-to-top.avia_image,
.avia_transform .avia_start_animation.top-to-bottom.avia_image { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; }}

2) I cannot see a background with rounded corners on the link you have posted. Can you post a screenshot instead?
3) You are going to need to hire a freelance developer for that kind of a customization if you really need it

Regards,
Yigit

Hey!

Please add following code to remove those images on mobile view

@media only screen and (max-width: 480px) { #av_section_3 img { display: none; }}

I think you can add Color Section element, give it an ID and add 1/1 column element inside of that color section and then we can provide you custom CSS. It should work

Cheers!
Yigit