cards dosn't display properly

web
mobile

Topic: cards dosn't display properly

taman pro asked 5 months ago

cards body display empty, text go below,   screen below. When i use Design Block wyth scroll nevbar then is problem

DOCTYPE html>

Material Design Bootstrap

Navbar Home (current) Link Profile

This Navbar is fixed and transparent


It will always stay visible on the top, even when you scroll down

Navbar's background will switch from transparent to solid color while scrolling down


Full page intro with background image will be always displayed in full screen mode, regardless of device

    <p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
      ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
      voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
      proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet,
      consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
      enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
      consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
      nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
      mollit anim id est laborum.</p>

  </div>
</div>

Our best projects Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla sint occaecat cupidatat non proident, sunt culpa qui officia deserunt est laborum.

Title of the news Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae.

View project Title of the news Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae.

View project Title of the news Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae.

View project

taman pro commented 5 months ago

body, When I delete this from style.css cards work properly, html, but navbar fixed transparent dont show background image this lines comes up from navbar fixed transparent. header, .view { height: 100%; }


taman pro commented 5 months ago

Sorry, thats the right way

body,
html,
header, .view { height: 100%; } When I delete this from style.css cards work properly, but navbar fixed tra,nsparent dont show background image. This lines comes up with navbar fixed transparent.


Marta Szymanska staff pro premium answered 5 months ago

Hi,

do you need more help because I'm not sure. If yes, please create a snippet showing the problem here: https://mdbootstrap.com/snippets/ and describe it in details.

Best, Marta


I had the same issue and fixed it like this:

html, body, header, .view { height: 100%; }

@media (max-width: 740px) { html, body, header, .view { height: 100%; } } @media (min-width: 800px) and (max-width: 850px) { html, body, header, .view { height: 100%; } }


I had the same issue and fixed it like this:

html, body, header, .view { height: 100%; }

@media (max-width: 740px) { html, body, header, .view { height: 100%; } } @media (min-width: 800px) and (max-width: 850px) { html, body, header, .view { height: 100%; } }


Marta Szymanska staff pro premium answered 2 months ago

Hi,

thank you @a.mendoza.contact@gmail.com for your solution. Do you need more help, @taman?

Best, Marta


taman pro answered 2 months ago

No, Thank You for Your attention Every think run greate. B R Mike


Marta Szymanska staff pro premium commented 2 months ago

You're welcome.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.8.11
  • Device: MAC
  • Browser: Mozilla
  • OS: MAC OS
  • Provided sample code: No
  • Provided link: No