Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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
https://youtu.be/k9ksLUAPl68


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • 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: https://prnt.sc/ZDwtHXaOna-1



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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(