I am trying to make a modal with a body that will scroll when the content becomes too large. However, I want the modal to be responsive to the screen size. When I set the max-height to 40% it has no effect. However, if I set the max-height to 400px it works as expected, but is not responsive. I am sure I am just missing something simple, but I can’t seem to get it to work.
Here is an example
Doesn’t work:
.modal-body { max-height:40%; overflow-y: auto; }
Works:
.modal-body { max-height:400px; overflow-y: auto; }
Related Posts:
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- CSS – Initial HTML Margin Issue On WordPress Site
- Change class names dynamically added to html elements by wordpress
- Bootstrap News: Image Modifciation
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- CSS Background Opacity [duplicate]
- Customize Bootstrap checkboxes
- How to align a to the middle (horizontally/width) of the page [duplicate]
- Is there a color code for transparent in HTML?
- Is there a color code for transparent in HTML?
- How to set up fixed width for
? - “Stray start tag footer” in html validator?
- Make div scrollable
- HTML Width Percentage
- Bootstrap Dropdown menu is not working
- Text-decoration: none not working
- Bootstrap Dropdown menu is not working
- How to set up fixed width for
? - css to make bootstrap navbar transparent
- Why are my CSS3 media queries not working on mobile devices?
- How to completely remove borders from HTML table
- Why “Inline-block” doesn’t work properly in this CSS?
- How to fix a footer overlapping content?
- How to center vertically and horizontally a div using Bootstrap?
- How to word wrap text in HTML?
- What’s the HTML to have a horizontal space between two objects?
- How to center HTML5 Videos?
- HTML/CSS float: left; is not working properly
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- how to center an inline div using css?
- How to give spacing between buttons using bootstrap
- How can I override Bootstrap CSS styles?
- How to center HTML5 Videos?
- Flushing footer to bottom of the page, twitter bootstrap
- How to change the background-color of jumbrotron?
- vertical divider between two columns in bootstrap
- HTML span align center not working?
- bootstrap 4 row height
- vertical-align with Bootstrap 3
- How to place Text and an Image next to each other in HTML?
- Twitter Bootstrap – add top space between rows
- Table fixed header and scrollable body
- Bootstrap Columns Not Working
- Failed to decode downloaded font
- Center HTML Input Text Field Placeholder
- creating a chevron in CSS
- Text wrapping around a div
- img-responsive in Bootstrap does not work
- How to make fixed header table inside scrollable div?
- Responsive Canvas in Bootstrap column?
- How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
- How can I center
- into a div?
- How to align this span to the right of the div?
- Load custom css after bootstrap
- Adding HTML to the Header, Screws up in IE7
- How can i add note, caution, warning quote inside the text? [closed]
- how to setup content on a static frontpage with css and xhtml
- Bootstrap in theme
- How to integrate my HTML and javascript into my child theme
- create bootstrap columns inside editor group block
- What makes WP so SEO friendly?
- Cannot set property ‘className’ of null at setThemeFromCookie
- Disable File Editing function
- Some Text of website page on Iphone Safari become invisible
- Get post format and use it as a CSS class in different spans
- HTML email sent with wp_mail shows plain text
- custom header navigation has odd spacing [closed]
- Simple way to add custom class and ids to individual Gutenberg blocks
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- Custom CSS is not working?
- how to stop the shaking effect on my homepage [closed]
- How to avoid repeating similar properties for all tds of a table in a wordpress post
- prevent HTML output if custom field is empty [closed]
- How to add class to an html output element in tinyMCE paragraph drop down menu
- How to create a WP theme that use BootStrap? [closed]
- WordPress is not displaying CSS file
- Hide Tab Titles from Tabs Block
- WordPress footer always at the bottom of the screen-page
- How to make jquery slider to start afresh [closed]
- HTML not resizing
- how to modify html on homepage (no home-page.php in my theme)
- current menu item hover not working?
- issues with a slider – investigations with firebug
- Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
- How would I add this code to a single WordPress page?
- Trouble with adding preloader to my home page index.html and index.js
- WP theme update causes child theme CSS problems
- I cannot make this position properly in WordPress [closed]
- change the icon of a custom post type in WordPress to use twitter boostrap
- I need css code to divide my webpage sections into two columns
- Add woocommerce plugin in own theme
- How to make this splash page responsive
- Hiding fields a form in via CSS [closed]
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- WordPress site suddenly not showing some DOM elements but mobile is fine
- Grid problem on privew mode
- Editing size of h3 tag in wordpress on a one-off basis
- IOS Ventura Safari 16.3 position fixed elements goes above scroll bar