Cards look different on Mobile

Issues related to previewing and publishing your web site.
Post Reply
moris
Posts: 145
Joined: Fri Aug 18, 2017 8:43 am

Cards look different on Mobile

Post 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,
User avatar
Pablo
Site Admin
Posts: 3372
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post 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
moris
Posts: 145
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris »

Yeah sure.
Last edited by moris on Mon Jul 15, 2019 8:10 am, edited 1 time in total.
User avatar
Pablo
Site Admin
Posts: 3372
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post 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.
moris
Posts: 145
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris »

Thanks, i had no idea they are not synced.
moris
Posts: 145
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post 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!
User avatar
Pablo
Site Admin
Posts: 3372
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post 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
moris
Posts: 145
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post 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!
User avatar
Pablo
Site Admin
Posts: 3372
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post 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.
Post Reply