Light
Dark
System
Ask  Question

Sticky Card 

I can't find the sticky card feature in metronic 7 in metronic 8. How can I do it ? I'll be happy if you can help me.

Screenshot
 G 
 Guest 6 months ago
 HTML  Metronic  RTL 
 7 Answers 
 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 (7)
 S 
 Sean Author6 months ago
 Hi,

In Metronic 8 you can use KTSticky component to achieve that. If you need any further help with this please let us know.

Regards. 
 G 
 Guest 6 months ago
 I know I've seen this, but I need to set the width to be the same as the width of the container. How can I do it? 
 G 
 Guest 6 months ago
 or same as the card width 
 S 
 Sean Author6 months ago
 Can you try to use the setting to set the width of the content:

data-kt-sticky-width="{target: "#kt_content"}"

 G 
 Guest 6 months ago
 thanks for the answer. it was not in the documentation 
 S 
 Sean Author6 months ago
 Yes, we will update the docs soon. Thank you happy
Your Support Matters!
We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
user
 Takneek Website 4 months ago
 Hi @Sean I am also facing an issue with this stick section that is not working properly I want that sticky section will stick after some scrolling and again sticky off after some more scroll how can i achieve it 
 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  :(
Metronic
Go to MetronicDownloadsPurchase MetronicRefunds
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle