Hello, i need your help with to help harmonize page sorting, i mean every other page collection is fine, but Ergonomic Mouse main collection page sorting on desktop is broken. Last time i asked help about page title alignment and got help quickly, this time i hope same luck:) by the way i have another small issue with my logo, would be gladly if someone advice me how could i center him. Thank you for help and your time.
Venture theme
Pasword cheiya
please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px){
.template-collection .medium-up--one-half {width: 100% !important;}
}
CSS for logo
Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid.
.site-header__upper .small--text-center { text-align: right !important; padding-right: 5% !important; }
#SiteNavParent { text-align: center !important; padding-left: 15%!important; }
@dmwwebartisan Thank you with logo, it work fine! Unfortunately your solution of sorting not working. Maybe you just mixed, cause of your code for mobile version, but my problem is on desktop. Can you direct me to desktop code? By the way many thanks for you!
Please try this code
@media only screen and (min-width: 750px){
.template-collection .medium-up--one-half {width: 100%!important;}
.template-collection .medium-up--grid--table>.grid__item {display: contents !important;}
}
Super! Thank you again @dmwwebartisan ! You’re my fav:)
Hi @dmwwebartisan , yesterday i did not checked mobile version cause of work, and at midnight (on my time) i looked to mobile version and saw that after i put your code my products aligment again damaged, more precisely prices. I tried play with counts, but nothing. Can you please check for solution? I don’t like to disturb, but i hope that you’ll help me again. Thanks in advance!
Pw same
Which code you tried because above code will work for desktop only. It should not affect mobile version.
@dmwwebartisan from previous inquire about product title alignment, but anyway i did not changed them, just played around with them.
@media only screen and (max-width:749px){
.product-card__name {min-height: 75px;}
}
Yes, this code works for mobile, do you have problem with this?
Remember this works for mobile only.
@dmwwebartisan Issue i showed in uper screenshot, now my prices is hiden by product title, and duno when this happened or after logo code or with page sortings code sugestion, could you fix it? Sorry that i disturb you, but i need mobile version as much as desktop:/
Please try this code and remove previous code
@media only screen and (max-width:749px){
.product-card__name {min-height: 110px;}
}
Thanks!
@dmwwebartisan now title is good, but images broken
@dmwwebartisan and desktop also changing
Please try this code and remove previous codes
@media only screen and (max-width:749px){
.product-card__name {min-height: 80px;}
}
On desktop version i fixed
@dmwwebartisan same problem, i trying to play with counts but nothing sucesful…
@dmwwebartisan no, on desktop is fine now, i played with counts and fixed, but on mibile when did some code change it looks like this. Still trying with counts
@media only screen and (max-width:755px){
.product-card__name {min-height: 50px;}
.product-card__name {max-height: 110px;}
}
@dmwwebartisan when i change code to this 
@media only screen and (max-width:755px){
.product-card__name {min-height: 105px;}
.product-card__name {max-height: 110px;}
}
then product title and price align, but product images goin like this
