Hi @ibrained,
Here the conflict due to theme CSS: https://prnt.sc/WHIG7b3nK3XK
Apply the following CSS to fix it:
.container, .container-width, .full-width .ubermenu-nav, .row {
max-width: 100%;
}
.gallery, .row {
width: 100% !important;
}
.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) {
margin-left: unset;
margin-right: unset;
}
.row {
margin-right: unset;
margin-left: unset;
}
Preview after fixing CSS: https://prnt.sc/UYIuIvq-vbNQ
Thanks
@farazfrank Thank you, but it didn’t work – actually it created the problem on all the other pages.
Once I put in the shortcode, the Footer shifts left, but only on that page.
However, once I put in the CSS you gave me into Additional CSS, the footer shifted left on Every single page of the site.
Once I took the CSS you gave me out, the footer on every other page went back to normal, but the footer on that page still shifts left (as does the gallery).
I do need something that will fix the gallery grid so it doesn’t shift left, but it needs to not break the footer and not change any of the other pages too.
Does that make sense?
Thanks.
@farazfrank, Update! This fixed the gallery, without affecting the footers on the other pages:
row> .col >.col-inner > .row{margin-left: auto!important; margin-right: auto!important;}
But it didn’t fix the footer on the gallery page. Any thoughts?
Thanks again.
Add the following CSS:
.row.row-small {
max-width: 100% !important;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
max-width: 100% !important;
}
.row {
margin-right: 0px !important;
margin-left: 0px !important;
}
After CSS fix preview will be: https://prnt.sc/0wpVDa0AOxFz
Your theme has CSS that causes these conflicts.
