Cards look different on Mobile

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

Cards look different on Mobile

Post by moris » Sun Jul 14, 2019 6:49 am

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: 3174
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post by Pablo » Sun Jul 14, 2019 7:13 am

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: 73
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris » Sun Jul 14, 2019 11:50 am

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: 3174
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post by Pablo » Sun Jul 14, 2019 6:07 pm

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: 73
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris » Mon Jul 15, 2019 11:56 am

Thanks, i had no idea they are not synced.

moris
Posts: 73
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris » Thu Aug 01, 2019 7:08 am

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: 3174
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post by Pablo » 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

moris
Posts: 73
Joined: Fri Aug 18, 2017 8:43 am

Re: Cards look different on Mobile

Post by moris » Fri Aug 02, 2019 1:19 pm

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: 3174
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Re: Cards look different on Mobile

Post by Pablo » Fri Aug 02, 2019 4:26 pm

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