My site is stagi,g and not able to be viewed at present due to DNS issues. But with a 4 column portfolio display the last column is getting bumped down to next row no matter what screensize.
ie
4 column issue has something to do with the last column getting a css transform applied on it. Disabling the transform moves it into the correct position. but there is a height calculation on the row done in javascript, so you end up with a huge gap
what I know
Each entry is defined like this
position: absolute;
left: 637px;
top: 0px;
z-index: 45;
with the left & z-index changing depending on the entry
position: absolute;
left: 955px;
top: 0px;
transition-property: opacity, transform;
transition-duration: 0.6s;
transform: translate3d(-955px, 318.633px, 0px);
z-index: 13;4
the last one is special and gets the transition/transform bits added
THIS DOESN'T HAPPEN IN # COLUMNS DISPLAY
MIGHT BE A WOO COMMERCE ISSUE
Salient 11.0.4
WordPress 5.4
4 columns show OK when the screen is normal size but if I expand the screen to larger width they wrap over
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1300px) and (min-width: 1000px) {
.portfolio-items .col.span_3 {
width: 24.8% !important;
}
}
My site is stagi,g and not able to be viewed at present due to DNS issues. But with a 4 column portfolio display the last column is getting bumped down to next row no matter what screensize.
ie
4 column issue has something to do with the last column getting a css transform applied on it. Disabling the transform moves it into the correct position. but there is a height calculation on the row done in javascript, so you end up with a huge gap
what I know
Each entry is defined like this
position: absolute;
left: 637px;
top: 0px;
z-index: 45;
with the left & z-index changing depending on the entry
position: absolute;
left: 955px;
top: 0px;
transition-property: opacity, transform;
transition-duration: 0.6s;
transform: translate3d(-955px, 318.633px, 0px);
z-index: 13;4
the last one is special and gets the transition/transform bits added
THIS DOESN'T HAPPEN IN # COLUMNS DISPLAY
MIGHT BE A WOO COMMERCE ISSUE
Salient 11.0.4
WordPress 5.4
4 columns show OK when the screen is normal size but if I expand the screen to larger width they wrap over
ie
staging site can now be viewed
https://staging.vamptvintagedesign.com/
Still happening especially on wider screens. PLEASE HELP URGENTLY
Please help.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.vc_row-fluid > .span_12 .wpb_column, body[data-col-gap="default"] .vc_row-fluid[data-column-margin="default"]:not(.full-width-content) .full-page-inner > .container > .span_12 .wpb_column:not(.child_column) { padding-left: 0% !important; padding-right: 0% !important; }Thanks
ThemeNectar Support Team
thanks that seems to have worked... will keep an eye on things for the next few days...
issue also happing with woo commerce .. ie on the home page here
https://staging.vamptvintagedesign.com/
see how the 4th colum is wrapping
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1300px) and (min-width: 1000px) { .portfolio-items .col.span_3 { width: 24.8% !important; } }Thanks
ThemeNectar Support Team
to be clear these are woo commerce products.. not a portfolio.. is this the correct CSS?
Hey Again,
I cant seem to recreate the woo products issue though you can fix the portfolio with the css provided earlier: http://prntscr.com/s0kffy .
Are you still seeing the issues ?.
Thanks
ThemeNectar Support Team