Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Card-sticky doesn't work well


when i scroll in your demo everything works fine and some styling is added in the card header class, i guess this is added to the header to resize and take up the space as it should be

im gonna add a video showing the problem


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (8)


Hi Cristian,

Could you please specify which version of Metronic are you using?

Also can you please show the attributes that you added to your sticky card?

Regards,
Lauris Stepanovs,
Keenthemes Support Team



i don't remember, how to i look it, may you say me please.?
and this is my sticky card:



Hi,

Here are Metronic 7 and Metronic 8 preview pages, can you check these pages and compare them with your version and tell me which you are using?

Metronic 7:
https://keenthemes.com/metronic/?page=metronic7

Metronic 8:
https://keenthemes.com/metronic/?page=metronic8

Regards,
Lauris Stepanovs,
Keenthemes Support Team



I'm using metronic 7, and I already did the comparison, it still doesn't work for me, please help me



Hi,

Sorry for the delay with the reply.

If you are using Metronic 7, in this case, you can achieve the same behavior by using "position: sticky" in your styles.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi,

May I know which Demo of Metronic v7 are you using ?
As you can see the sticky card example works fine in Metronic v7 demos:

Demo 1

Demo 2

Could you provide your test URL so we can help you to debug it online.

Regards,
Sean



I don't have URL online, I'm working at my local, if you want we can do it using remote desktop, any app like AnyDesk or TeamViewer.



Hi,

Sorry, we do not use remote tools to check our customer's codes.
An online link would be great. As you can see the sticky card works fine in the original Metronic v7 demos. Please double-check your code with the original one.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(