Page 1 of 1

Cards look different on Mobile

Posted: Sun Jul 14, 2019 6:49 am
by moris
Hey,

I am using the same Card object for both regular mode and breakpoint but it looks different on Mobile mode.
please see attached screenshots.
Desktop:
Image

Mobile:
Image

Why is that happening?

Thanks,

Re: Cards look different on Mobile

Posted: Sun Jul 14, 2019 7:13 am
by Pablo
To be able to help I need the project file so I can see all your settings.

Related FAQ:
http://quickandeasywebbuilder.com/forum ... 10&t=45024

Re: Cards look different on Mobile

Posted: Sun Jul 14, 2019 11:50 am
by moris
Yeah sure.

Re: Cards look different on Mobile

Posted: Sun Jul 14, 2019 6:07 pm
by Pablo
The properties for the card items are different in the breakpoint.
Note that each breakpoint can have its own padding/margin. So, if you want them to be the same then please change them in all breakpoints.

Re: Cards look different on Mobile

Posted: Mon Jul 15, 2019 11:56 am
by moris
Thanks, i had no idea they are not synced.

Re: Cards look different on Mobile

Posted: Thu Aug 01, 2019 7:08 am
by moris
Hey Pablo,

Sorry for opening this thread again but I have a question.
I have this card here: http://www.couponsexplorer.com/index.html (the iHerb one)

Is there a way to give the View Code Button the width of more than 100 pixels padding for both left and right? I want the View Code Button to look the same as rest of buttons but because the text is shorter I am limited. How can I do that?

Thank you!

Re: Cards look different on Mobile

Posted: Thu Aug 01, 2019 4:58 pm
by Pablo
I don't think using a large padding will be the best solution.
To create a full width button, set the left and right value of the padding to: -1

Re: Cards look different on Mobile

Posted: Fri Aug 02, 2019 1:19 pm
by moris
Pablo wrote: Thu Aug 01, 2019 4:58 pm I don't think using a large padding will be the best solution.
To create a full width button, set the left and right value of the padding to: -1
Thanks I will use it together with the Card padding.

I was wondering why when the mouse is over the text: View Code - the mouse is not on default CSS but it recognises it as Text Selector. Is it possible to change that?

Thanks!

Re: Cards look different on Mobile

Posted: Fri Aug 02, 2019 4:26 pm
by Pablo
If there is no link then the browser will display the standard cursor.
You can set the link to '#', to change this behavior.