Mobile responsive not working

Hi Mesheu!

Thank you for using Enfold.

1.)Please add this on Quick CSS or custom.css:

@media only screen and (max-width: 767px) {
ul.socialmedia li, ul.logos li {
width: auto;
display: inline-block;
}
}

2.) Use this to remove the bullet points:

@media only screen and (max-width: 767px) {
ul.socialmedia, ul.logos {
list-style: none outside !important;
}
}

3.) I think you confused max-width and min-width viewport. You have this code:

@media only screen and (min-width: 768px) {
#slider {
background: #f2f2f2;
padding: 10em 0;
}
}

The background will only be applied for screen sizes larger than 768px that is why the background defaults back to #ffffff when you view the site on mobile device. You should use max-width instead of min-width.

Best regards,
Ismael

Hi!

1.) Yeah. Sorry about that. Same problem. The css declaration is inside a media query:

@media only screen and (min-width: 768px) {
.template-page .entry-content-wrapper h1, h2, h3, h4 {
color: #333;
font-family: 'Gotham A','Gotham B',sans-serif;
text-transform: uppercase;
margin-bottom: 0;
}
}

The css codes are not added. I guess there are broken media queries on your Quick CSS field. Please check. Post the css code on pastebin.com. We would like to check it.

Best regards,
Ismael

Hey!

1.) You can change the background position of the fullscreen slider with this:

.avia-fullscreen-slider .avia-slideshow>ul>li {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center !important;
}

Change the caption text size with this:

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 50px !important;
}
}

2.) Use this to modify the image size:

@media only screen and (max-width: 479px) {
.home .flex_column.av_one_fifth.first.avia-builder-el-3.el_before_av_four_fifth.avia-builder-el-first .avia-image-container-inner img {
width: 60%;
margin: 0 auto;
}
}

You can also use the Custom CSS Class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Regards,
Ismael