Forum Replies Created
-
AuthorPosts
-
yeah but i need to be able to filter a set number of days so that old products won’t show in this category or filter. can this be done?
i was able to get the badge changed, but not able to place it on the sticky menu. yes need help with that. the plugin has an option Not to enable showing badge on single product page. but can we still get it to show on the sticky menu under price or do i need to turn this back on.? maybe try first. i don’t want it to show in other places on single product page unless we have to
This seems to happen randomly if you go on my site and look at certain products soon as you touch them it tries to zoom in instead of letting you slide up here is a video linkThis seems to happen randomly if you go on my site and look at certain products soon as you touch them it tries to zoom in instead of letting you slide up here is a video link
https://www.dropbox.com/s/w3w3catwhu2js1j/IMG_2448.TRIM.MOV?dl=0
fixed it 🙂 it was this code i used to move the cart image closer to the top of page. this effected home page sticky menu.
/* Cart position adjustment on mobile */
@media only screen and (max-width: 768px) {.vc_column-inner{
position: relative;
top: -40px;
}
}having issue with this again. black sticky menu disappears under slider on home page. look at bestfitbybrazil.com in mobile view . The last css i put in, i removed and it still doesn’t work, so not sure what happened.
ok this is the final code for mobile view. looked good on computer when i shrink the screen down. but on mobile it all clustered together.
/* position product image*/
@media only screen and (max-width: 768px) {.product-thumbnail {
position: relative;
/*column-count: 3 */
padding-bottom: 10px;
padding-top: 5px;
width: 32%;
height: 230px;
float: left;
top: 1px;
border-style: none;
}
}/* position product name */
@media only screen and (max-width: 768px) {.product-name{
position: absolute;
right: 0;
width: 69%;
top: 0px;
padding-bottom: 12px;
font-size: 12px;
}
}/* position price */
@media only screen and (max-width: 768px) {.product-price{
position: absolute;
right: 0;
width: 69%;
top: 63px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 12px;
height: 39px;
}
}/* position quantity */
@media only screen and (max-width: 768px) {.product-quantity{
position: absolute;
right: 0;
width: 69%;
top: 102px;
padding-bottom: 2px;
padding-top: 2px;
font-size: 12px;
}
}/* position subtotal price */
@media only screen and (max-width: 768px) {.product-subtotal{
position: absolute;
right: 0;
width: 69%;
top: 144px;
font-size: 12px;
padding-bottom: 2px;
padding-top: 2px;
}
}/* position remove button */
@media only screen and (max-width: 768px) {.product-remove{
position: absolute;
right: 0;
width: 25%;
top: 170px;
font-size: 10px;
padding-bottom: 1px;
padding-top: 1px;
}
}/* position remove text */
@media only screen and (max-width: 768px) {.remove::before{
content: “REMOVE “;
font-size: 13px;
padding: 2px;
border-style: solid;
border-width: 1px;
}
}/* position cart section */
@media only screen and (max-width: 768px) {.cart_item {
position: relative;
height: 100px;
}
}/* remove lines */
@media only screen and (max-width: 768px) {.product-name,.product-price,.product-quantity,.product-remove {
border-bottom: none;
}
}/* add certain lines back in */
@media only screen and (max-width: 768px) {.product-name, .product-price,.product-quantity,.product-subtotal{
border-top: solid !important;
border-width: 1px !important;
border-left: solid;
margin-right: -1px;
}
}/* add certain lines back in */
@media only screen and (max-width: 768px) {.product-subtotal{
border-bottom: solid;
}
}i figured it out
I can’t get this space out. i tried using .cart_item but it doesn’t close the gap. how to adjust this
ok what about the lines. i only need 1 line to separate each product from the next. how to remove all the lines in between the fields?
Ok you should be able to check view it now by going to checkout and pressing order info then scroll to bottom and you should see the skewed button on left
-
AuthorPosts