I’d remove “position:absolute;” and add “display:flex;” to the parent. Then using justify-content:center; and align-items:center; should do the trick.
Related Posts:
- Old Site displays on Mobile View, not New Site
- Change Header Image on Blog Post for Mobile View
- Menu toggle bar works only on some pages in WordPress
- New Styles Not Rendering On Mobile Phone and Tablet
- @Media min-width & max-width
- Trying to load a responsive CSS media query using Custom Taxonmy
- Styleswitcher or themeswitcher to allow user to switch back to standard view from mobile device
- What controls responsiveness in WordPress?
- Only column gallery on mobile device
- Multiple amp-image overlays. How to properly do this in wordpress?
- Why does my caroussel gallery do this in responsive? [CSS] [closed]
- @media in bluehost is being commented out [closed]
- Responsive Images Warping
- No responsive design is displayed
- Title has word broken when viewed in mobile [closed]
- Move Sidebar from Above Content To Below When Responsive [closed]
- Why is this jquery / java script code not working in mobile / in devices?
- Make CSS Changes To Only Affect Mobile Browser [closed]
- Faster fonts on mobile
- CSS is not loaded on mobile devices
- My site on mobile version is not giving responsive view
- Button and Countdown overlapping mobile menu
- Need to make sidebar responsive only when screen width is greater than 1024px
- Change mobile menu color from red to another color
- Desktop is class List and Mobile is class Grid
- use css for resize image into mobile thumbnail
- @media applying globally and not separately for each screen width [closed]
- resize chat bar on mobile [closed]
- Sidebar widgets are over the content in mobile mode, how can I fix it? [closed]
- My contact form is not being responsive
- Site not 100% responsive
- CSS Changes made, lost mobile functionality
- Making a custom CSS per mobile
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Bootsrtap.css overlap style.css in custom wordpress theme
- Twenty Fourteen responsive CSS
- How would I use a media query to make my entire theme responsive or fluid? [closed]
- Responsive table on ios safari
- Center-Align Images on Mobile Only
- How to make this splash page responsive
- Add Quicksand for mobile devices
- Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
- How can I only show one responsive menu on mobile devices?
- How to solve WordPress accordion problem on Iphone?
- What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
- create a white rgba / CSS3
- In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
- How to fix a footer overlapping content?
- What is element.style and why is it overriding my css settings?
- What’s the HTML to have a horizontal space between two objects?
- HTML/CSS float: left; is not working properly
- CSS Div width percentage and padding without breaking layout
- CSS div width not working
- CSS background-image – What is the correct usage?
- Set bootstrap modal body height by percentage
- Click through div to underlying elements
- How can I fill a div with an image while keeping it proportional?
- Inner glow effect of button
- Proper usage of wp_is_mobile()?
- Remove top admin bar
- How can I remove css from a child theme?
- Can “ and “ tags be used in the HTML editor?
- Change color of audio player depending on user role
- How to apply wordpress css styles to a jQueryUi dialog?
- create bootstrap columns inside editor group block
- Website scroll not working on SAFARI
- Elements floating on top of each other when Resizing or checking site on mobile. Twenty Twelve
- Child theme CSS not applying to element
- Disable File Editing function
- User gets access denied to css files and js files even though user is logged in [closed]
- Can’t call custom css in style.php
- Getting values from options page to css
- Conditionally enqueue a stylesheet based off of a javascript click event
- How to make a difference between the portfolio list, and a portfolio item?
- What is the best method to have Dynamic CSS?
- how to stop the shaking effect on my homepage [closed]
- List item images perfect on Chrome/Edge, css fudged on FF/IE [closed]
- Cannot change hover color for links [closed]
- How do I get access to the CSS Editor
- prevent HTML output if custom field is empty [closed]
- Style product detail page with custom CSS in woocommerce
- Using variable to display a page with a different stylesheet
- How can I style an IFRAME element that has a constantly changing class name? [closed]
- Twenty Eleven Theme Adjusts for iPhones. How to stop this feature?
- why does this text overlaps in the sidebar?
- JS button animation for ajax the WordPress style
- How to properly hide the div of an inline collapsible button?
- How to remove padding from left&right side
- How can we create our own formatting style?
- links format change “on clic”
- Responsive images with srcset
- Hide Login Page Labels
- The placeholder text doesnt disappear
- Theme stylesheet not called properly on cloned website
- Content alignment in Twenty Fourteen Theme
- Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
- a slider menu is compromised in space
- How to change header from full-width to box width
- Installing non-standard fonts [closed]
- Suddenly, all links in #content div are not clickable, but I don’t see any z-index bug? [closed]