You’re not calling the class correctly. The container has both the page-banner
and the bg
classes, so you should write it like this: .page-banner.bg
And the class post-id-41012
doesn’t exist in your document. postid-41012
does.
So try this way:
@media (max-width: 767px) {
.postid-41012 .page-banner.bg {
background-image: url('https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg') !important;
}
}
Related Posts:
- Old Site displays on Mobile View, not New Site
- 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
- H2 On Blog/Article Page Gets Assigned a Class
- 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
- Large Unwanted Space at the Bottom of Blog Posts [closed]
- 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
- I want to change the background color on my blog posts
- 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 get these two divs side-by-side?
- How to implement max-font-size?
- Float a div above page content
- What does an asterisk (*) do in a CSS selector?
- How can I horizontally align my divs?
- background-size: cover not working?
- combined multiple classes into one css rule
- Is there an opposite to display:none?
- Rainbow gradient on text in CSS
- CSS3 opacity gradient?
- font-weight is not working properly?
- What would be the best method to code heading/title for ul or ol, Like we have caption in table?
- How can I make my header image properly responsive?
- What is the correct way to enqueue multiple CSS files?
- Remove wp_add_inline_style
- @font-face doesn’t work
- Set Image width=’x%’ (percentage width not pixel width) when inserted via the media manager?
- Enable specific CSS Code for Visitors and specific Roles
- How to decrease picture size
- Can’t remove WordPress post image height/width attributes?
- whats happening with my index page?
- Change via CSS the color of social menu icons
- style.css doesn’t load on the home page when front-page.php activated (using stock theme)
- Twenty Fifteen : Wider right column for the content
- css file status 403
- Adding Custom css file
- Change CSS on a wordpress post
- Placing background image over section divider
- enqueing Javascript and CSS
- Earlier stylesheet not overriding later one
- Order of WP page load (including widgets, php, plugins, media, templates, and CSS) [duplicate]
- Disable Media File Image Link On Mobile Devices
- Fixed height of the_content()
- How can I add inline CSS for each image?
- Help with a little CSS logo/header modification?
- underscores theme – sass folder structure vs smacss
- Inclution place of CSS file
- Img load while refreshing
- Website Tablet Check Out Field Issue
- Twenty Fourteen: Unsticky header after making header bigger
- How to display javascript banner in website header?
- Loading css files conditionally useful?
- Is there any way to turn off a particular scrolling behaviour?
- Sidebar at bottom however I have completely replaced theme folder back to original code
- Dropdown menu’s fighting with each other [closed]
- Scale An Image Thumbnail
- single.php doesn’t getting style
- Converting Static HTML pages to WordPress
- Is there a good way to use CMS images with CSS
- How to make widgetized footer styles be inherited from body?
- How to customize a theme’s navigation menu with css
- How to change the CSS in one file?
- How to avoid problems caused by new block-library default CSS rules (wp 6.1.1)
- Grid problem on privew mode
- Disabling double vertical scrollbar and horizontal scrolling?