I don’t know why you wanna do that, but..
We can use min-height
with vh
(view port height) unit for this. Setting height of the page to 100vh
means we are saying the page to fill the full view port height.
.site {
min-height: 100vh;
}
But this doesn’t work well with iOS7. So work around is.
/**
* iPad with portrait orientation.
*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.site {
min-height: 1024px;
}
}
/**
* iPad with landscape orientation.
*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
.site {
min-height: 768px;
}
}
/**
* iPhone 5
* You can also target devices with aspect ratio.
*/
@media screen and (device-aspect-ratio: 40/71) {
.site {
min-height: 500px;
}
}
References:
Related Posts:
- how can I add an icon/image for a child theme?
- WooCommerce shop page to use my custom template [closed]
- My child theme doesn’t work Error: “The parent theme is missing. Please install your parent theme”
- Child Theme vs Duplicate Theme Renamed
- Hide a div that is part of all pages on one specific page
- How to add Color Picker in Theme Options for the following?
- Adding Action Hooks In Parent Theme For Easier Child Theme Customization
- Add colors to existing color palette without replacing it
- add generated stylesheet from parent theme after child-themes style.css
- Change Genesis Tag from Page Template [closed]
- How do I get my child-theme to work with my theme’s includes folder?
- CSS in child theme not overriding the parent theme [closed]
- Modifying JS files in Child-theme
- Optimal solution to develop a wordpress theme?
- When developing a distributable Theme, does it HAVE to be “inheritable”?
- Nesting Functions within Functions
- De-registering parent style sheet css recommended?
- Where is the correct place(s) in twentysixteen’s header.php to add a Google webfont?
- Can I customize any WordPress parent block-based theme template files by child theme like a parent classic theme?
- WordPress Multisite: Have the same header and footer of main-blog on all sub-blogs
- Can a child theme based on Starker theme be released as free to use theme for public use?
- Changing order title and featured image in blog post (Astra theme)
- Loading files for theme and child theme (Require)
- how can I remove the sidebar from my wp homepage [closed]
- Unhook action from child theme
- Does any theme support child theme?
- Am I supposed to create a child theme for every theme I use?
- How to Edit the style of header title of Twenty Eleven Theme?
- How to remove a file included in parent theme with locate_template() via child theme?
- Can’t override template file in child theme
- Override template file i subfolders
- What happens to child theme if I change to new version of parent theme?
- Include Parent functions.php in Child Theme functions.php
- How to first edit in local WordPress editor on page and the add code?
- Custom Field created in add_meta_boxes reappearing itself again in the default Custom Metabox
- Why is it needed to enqueue parent stylesheet in child theme?
- changing blog title to an image using filter function in child theme
- Can´t access child theme´s scripts dependencies found in parent
- How to override p2 breathe theme plugin in content template file?
- Is it possible to make *.js and folders visible in theme-editor
- add_filter to parent theme helper class function from child theme
- Replace function in a child theme
- Can’t remove DIV from hooks in Storefront child theme [closed]
- filemtime(): stat failed warning within a child theme
- How can I override a require() used in functions.php of parent theme to my child theme
- Derive child theme from separate theme
- Using a starter theme vs starter theme with child theme
- How to create and populate with few links a menu in child theme functions.php?
- Create a child theme from multiple themes
- Why would changing a child theme to a normal theme pass a Template is missing. error
- Simple child theme modification but links are broken
- Making a child theme for “Airi”
- How to change footer credit text in Twenty Twenty One theme with a hook?
- Hestia Child theme creation
- Alignment Problem [closed]
- Avada Child Theme Development
- Questions from a new WP Dev [closed]
- What $handle does WordPress use for a theme’s implicit style.css?
- How to override template files in parent theme?
- Is There A WordPress Hook for Accessing Attachments for A Particular Page?
- Do I need to re-import Susy to work with it in a child theme? [closed]
- Editing my theme to try to place the default header at the top of the page breaks the rest of the page content
- LESS not working in WordPress [closed]
- What might cause a featured image not to display?
- Converting a theme to a child theme in a network
- How to modify theme content in Thematic?
- Understrap-child conditional js script
- Why front-page.php doesn’t show content of file instead shows loop
- Theme functions don’t work as expected in partial included via get_template_part() after custom query using Ajax [duplicate]
- Copying a modified theme from one wordpress site to another wordpress site [closed]
- How can I access variables from theme in child theme? [closed]
- How to display home page last modified date in anywhere of wordpress theme?
- What is an alternative to not using child theme to customize a WordPress theme?
- Where i must put hooks in overridable functions?
- (Parent) theme Is Not Showing In Theme Selection Panel and Therefore Breaks Child Theme
- Child theme menu not appearing in Twenty Seventeen
- Edit Product Archive design for Woo theme
- How can I fix my theme header for my CSS stylesheet?
- Duplicate child theme incl. design changes
- Move the social media icons to the left of a WordPress nav menu for Soledad child Theme
- How to connect two child themes on different sub domains to the same base theme
- How to customize the colors within a stylesheet using a WordPress setting
- Change header image on a particular page
- Update modified Shopify third-party theme [closed]
- how can I re-utilize and class on a child theme
- Providing updates to your WordPress theme
- How do child themes work?
- Why WordPress gets old templates code instead of the last updated ones
- How to migrate the menu from the site on my own theme in WordPress?
- adding navigation to genesis themes
- Extending arrays in parent theme without completely overriding the files
- Standard Way To Do Custom Work Within A Page?
- WordPress theme Modifications not showing up on live server
- Extracting Distance from FacetWP Proximity Function to Display in WordPress Template
- add_action works outside condition but not inside it
- Global Navigation menu in diiferrent wordpress setups
- Is there any way to show child theme in theme detectors?
- Should I create a child theme for a parent custom theme? [closed]
- I’m new in developing responsive WordPress Theme, so which framework to use or work from scratch? [closed]
- ways to create customized theme (hard coded – no pagebuilder)