I’m not referring to images set as Background Image. I’m referring to any image placed within any column configuration within that Color Section. Even if I drag an Image element from the Avia Page Builder into that color section it is not responsive.

It was multiple Advanced LayerSliders that were causing the issues. I believe it was also the AdvancedLayerSlider combined with the Full Width Masonry Gallery on the same page but I’m not positive about the last one since I’ve had to revert back to the previous version of the theme.

I have added that along with all of the other code fixes that have been suggested. Please review the pages that I sent previously. It is still not working properly. There are still spacing problems.
http://startwishing.com/product-specs/

http://startwishing.com/

I even tried a fresh install of wordpress with a fresh install of Enfold with no other plugins installed, on a different server. The issue is the same. Once you have more than one Advanced Layerslider on a page the columns no longer work properly. When do you expect to have this issue fixed? I can’t keep waiting and trying these code fixes that aren’t working. If there isn’t going to be a fix I need to know now so I can revert back to one of the previous versions of the theme.

That makes them responsive but as I have said previously above it causes other issues.

“With the fix that you sent, the images from the first row get stacked tight up against each other when it goes to mobile while the images from the other rows all have wider spacing between them when they go mobile.”

There is a problem with the columns and the advanced layersliders. That quick CSS causes spacing issues between items. This wasn’t an issue prior to the update earlier in the week.

It seems as though its having a problem with the Advanced LayerSlider after the update. The columns all work fine and are responsive with no additional Quick CSS until there is more than one Advanced Layerslider on the page. As soon as there is more than one Layerslider on the page the responsive columns no longer work.

That has not fixed the issue of the 4 columns in the footer not being responsive. It also does not address the spacing problem originally stated above.

#top .flex_column.av_one_third {
width: 100%;
margin-left: 0;
}

“With the fix that you sent, the images from the first row get stacked tight up against each other when it goes to mobile while the images from the other rows all have wider spacing between them when they go mobile.”

Everything was working fine prior to the update. How can I fix this without having to experiment with adding Quick CSS? Do I need to reinstall the theme?

That works somewhat for pages that have 3 columns but pages that have 4 or the footer which has 4 still has the problem. Any new pages that I create seem to work fine. Why is it that all of the pages I created before the update no longer work? I don’t want to have to rebuild the pages. With the fix that you sent, the images from the first row get stacked tight up against each other when it goes to mobile while the images from the other rows all have wider spacing between them when they go mobile.

It looked like it was working the other day but now it appears that the text is showing up below the navbar. Can you advise on how to hide this so that only the image appears on the desktop?

Previously it seemed that the Horizontal Ruler/Whitespace could be set to small values to give a little space between content. Is that no longer the case? Whether I type in 5px 10px or 20px the height of the whitespace does not change. Again, this is the main issue. I can not set the Whitespace spacing properly.

Can you please explain? I removed any of the previous css that I was told to add to fix the problem from the Quick CSS area. They still do not work. The custom whitespace is not showing the correct amount of space and the separators don’t show the divider lines.

I have tried all of the above and nothing has made a difference. The horizontal rulers are still broken.

Actually I just realized that the code that fixes the responsive issue is overriding all of the rest of the code in Quick CSS.
This is the current Quick CSS including the code to fix the responsive issue(none of the other code is working anymore):

@media only screen and (max-width: 989px) {
.responsive #header .main_menu ul {
display: none;
}

@media only screen and (max-width: 989px){
.mobile_active #advanced_menu_toggle {
display: block;
}

#top #menu-item-search.menu-item-search-dropdown>a {display:none;}

.overlay-type-extern{
display: none !important;
}

#header {
background-color: #FFF;
}

input[type=”submit”],
#form-1-1339700500 .submit {
padding: 0 3%;
text-align: left;
width: 103px;
height: 32px;
background-image: url(“http://startwishing.com/wp-content/uploads/2013/10/Submit-3-39.png”);
background-position: 0 0;
border-style: solid;
border-width: .25px;
display: inline-block;
font-size: 12px;
line-height: 28px;
margin: 3px 0;
position: relative;
text-decoration: none;
}

body p, body {
font-family: “Open Sans”;
font-size: 11pt;
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 640px) {
/* Add your Mobile Styles here */
.template-page .entry-content h2, .av-special-heading h3 {
white-space: normal !important;
}

Perfect! Thank you very much.