Product line up with sale price, and Add to shopping for New arrivles.

[Baraa]

Hello, i have two small issues.
First, the product on mobile are not in the same line, i have used this code to solve the problem:
@media only screen and (max-width: 767px) {
ul.products li.product .product-details {
min-height: 60px;
max-height: 50px;
}
}

It has been solved, but when any product have a sale price it will ruin it again and the code cannot solve it, i have attached a photo for this.
Second issue is about Add to shopping button on mobile, i have removed it by using this code:
@media only screen and (max-width: 767px){
.post-type-archive-product .shop-actions {
display: none!important;
}
}

and it works, but it does not work for the New arrivals product on the first page, i have attached a snapshot for this as well.

Regards

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

I could give you css to make the product details are bigger so that it would be the same height for all products, however products with just a title and one price will have a lot of space

– Kyle

[Baraa]

Thanks Kyle, so the solution is to avoid the sale price? could you please give me the code for a bigger product details, ill try it. Could you please answer the second issue about the new arrivals Add to shopping bar, is there any solution for it?

[Rui Guerreiro – SUPPORT]

Hi,

Will need the url to those pages to be able to provide a specific solution for those situations.

-Rui

[Baraa]

hello Rui, i have sent you a private message yesterday with the url and more details. thanks

[Rui Guerreiro – SUPPORT]

Hi,

Can’t see anything here in the topic. Something probably went wrong.
Can you post here again your private reply?

Thanks

-Rui

[Baraa]

Hello, for some reasons i cannot post as private message

[Baraa]

hello Rui my message i want to write do not appear even public or private! do you think because its contain a url or something ? i can send you messages as you can see but when i write my concern it do not appear and its sent but do not appear

[Rui Guerreiro – SUPPORT]

That’s strange the only difference is to check this option.
https://www.dropbox.com/s/i3kog8lihch1prb/Screenshot%202015-10-22%2011.08.39.png?dl=0

Can you try in a different browser?

-Rui

[Baraa]

I cannot send the message even not private ! when i include the url is does not appear i have tried hundred of times,
the problems are on mobile, the new arrivals still shows the the add to shopping button, and secong the products are not on the same line even after doing the sale price i have noticed that the problem just with the right column. could you please tell me as well how can i write a text or link instead of personal shopper on the mobile which is located on the top bar?

[Baraa]

This reply has been marked as private.

[Baraa]

the problems are on mobile, the new arrivals still shows the the add to shopping button, and second the products are not on the same line even after doing the sale price i have noticed that the problem just with the right column. could you please tell me as well how can i write a text or link instead of personal shopper on the mobile which is located on the top bar?

[Rui Guerreiro – SUPPORT]

Thanks will check.
-Rui

[Baraa]

Thanks Rui, awaiting your reply

[Rui Guerreiro – SUPPORT]

Hi,

Try this code for the button

@media only screen and (max-width: 767px){
li.product figcaption .shop-actions {
      display: none;
}
}

In mobile this is what I see.
https://www.dropbox.com/s/0sr8h4ixikpnbtp/Screenshot%202015-10-22%2014.29.57.png?dl=0

Can you do a mockup of how you like the positions to be so I can check if it’s possible?

-Rui
-Rui