To change css in mobile view you need @media
in you css. To apply on mobile view use @media
as shown below
@media screen and (max-width: 768px) {
Put your classes and IDs here
}
The above code will make your css apply only on those device whose Width is maximum of 768px in size.
You can use it with min-width
also like this
@media screen and (min-width: 768px) {
Put your classes and IDs here
}
The above code will make your css apply only on those device whose Width is minimum of 768px, In other words width must be bigger than 768px.
In your case you wanna change logo’s background then put your logo’s class/ID
in @media
and select your desired properties of those class/ID
. If it don’t pick up your properties then try to use!important
with property like this background: #fff!important;
Related Posts:
- How to define and link full path to css located at a random folder on header.php
- How to add custom css file in theme?
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- Do I actually need to link my theme’s style.css in the theme files
- CSS classes for theme
- Enqueue Stylesheets After Theme’s “rtl.css”
- Are the WordPress Core CSS styles really all nessesary?
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- Why I can’t add a CSS style in this WordPress theme?
- Can’t get staging site to display same way as live site. Completely stumped
- How to make a theme with more than one CSS file?
- How to edit an existing WordPress theme? [closed]
- Suggestions for creative use of post format feature, or themes that use them well
- Add class to before_widget for all widgets with a dropdown and a counter
- Add a preview to a WordPress Control Panel
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- Setting up partial Right-to-Left admin interface
- CSS in child theme not overriding the parent theme [closed]
- How to add (css) classes to only one wp_nav_menu()?
- Adding dashicon fonts to the admin of pre 3.8 installs
- Move my theme style.css into a folder
- How to keep theme layout the same when admin gray bar is present?
- Enqueued Stylesheets Effecting Admin Styles
- Custom CSS In Uploads Folder
- Writing Clean WooCommerce Styles
- De-registering parent style sheet css recommended?
- Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
- Modify the Additional CSS section (adding a disclaimer)
- WordPress default theme css units
- current-menu-item class not working
- How to determine which custom header image is being shown
- enqueue_style is not working
- Custom CSS without css.php file
- Media Uploader in custom path
- Is it possible to edit the styling of the admin panel from within a custom theme?
- Theme Loading Into Dashboard
- What are the Entry classes for?
- Using PIE CSS in WordPress. “localizing” styles
- How to edit my theme for full width?
- How to check if a WordPress core block is active in sidebar
- Which html elements should be styled in wordpress theme
- How to override checkbox styles if these inputs have a unique id [closed]
- How to add styles set by user in the customizer
- How remove render blocking css from wordpress when you build a theme?
- Why doesn’t my css work when I check my theme on mobile devices? [closed]
- WordPress Unite Theme: Footer isn’t sticking [closed]
- Following Web Performance Optimization techniques to output static and dynamic css
- How to disable wordpress from overload my stylesheet styles with customizer styles
- How can I add custom text styles to the visual text editor?
- Displaying icon image for WordPress post formats, is there a cleaner way to do this?
- Internal Stylesheet in WordPress Theme development
- Combining CSS files into a single cached one
- How to change footer or for different kinds of users in wordpress?
- How do I remove inline style in featured image markup?
- different way to achive stylesheet_url
- How do I use a color from theme options?
- Why is my CSS not loading?
- Ideal inline dynamic CSS injection
- JQuery undefined and Stylesheet loads in bottom along with js files
- Having issue with WordPress wp_enqueue_style
- How do I use wp_nav_menu?
- How can I wrap all blog posts image with
- White screen when attaching css to function.php
- Assign custom classes to the divs inside the loop
- theme-independent CSS/JS files
- A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
- Some doubts about WordPress handle the horizontal main menu visualization
- How to create a WP theme that use BootStrap? [closed]
- Can’t change theme name
- header, stylesheet not being read
- Tiny MCE custom styles, and preview in the backend
- .current_page_ancestor broken in Twenty Eleven
- WordPress Animation Adjustments
- Is there a list of default generated Gutenberg block CSS? Unable to align video blocks
- How to create a robust and logic class naming system in WordPress theme developing?
- How do I change the color of individual page titles in WordPress?
- 3 Level Menu Navigation (3rd Level not displaying)
- Find the source file causing a Mixed Content warning
- How to reduce the vertical space above and below a ul list uniformly with one command?
- How can I fix my theme header for my CSS stylesheet?
- How to display only the first two elements from ten same elements
- Necessary css classes to be included in theme stylesheet
- Images use & location, on new wordpress theme
- How to fix an issue with customizer live preview?
- WordPress Customization API overwrite LESS variable
- Custom CSS no getting applied
- How can I fix the even/odd child classes comments so that the comments are unaffected by the top-level even/odd?
- editor style css and page template with and without sidebar
- Enqueue Stylesheets After Theme’s “rtl.css”
- WordPress 3.5 + Foundation 5 not working on IE9
- Why the slideshow is not shown in my theme?
- Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
- Custom link color or stylesheets
- Setting different CSS for all pages except home.php
- How to highlight current menu bar base on the URL?
- What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript? [closed]
- How customizable is a self-hosted WordPress blog compared to a Blogger blog?
- Image and font support missing in editor when deploying theme remotely