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:
Mobile:
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.