CloudFlare was caching my CSS files. I diagnosed this by selectively purging the CSS file from the cache, and then solved the issue by turning on “Development Mode”, all via the CloudFlare dashboard.
Because some of titles are running on to three lines when the screen gets smaller its messing up the flow of the floated elements. What you need to do is clear every fourth element. Also this is a basic css question and is not specific to WordPress at all.
as I understood you have two parts header, one for register one for logo, in bootstrap 3 : <div class=”row”> <div class=”col-md-6 col-xs-12″>logo here</div> <div class=”col-md-6 col-xs-12″>Register here here</div> </div> It will make your header responsive. and if you want that your image be responsive you can do like this in bootstrap 3: <img src=”https://wordpress.stackexchange.com/questions/210782/…” … Read more
You should add a class called has-children to all inner li’s. You can use wp_nav_menu_objects to add the has-children class.
if i’m not mistaken, not all browsers are 100% compatible with RGB color codes, so it might be happening in an effort to maximize cross-browser uniformity of appearance. this could also be done to facilitate transparency effects, which might be in another option field for Jetpack. there’s definitely less browser support for the extended hex … Read more
You can create Parallax effect for header using pure CSS as well as jQuery. The difference between them is the loading time. CSS will load much faster than jQuery. Implementing a feature will depend on the developer/owner of the theme how they want the feature to be. My preference is that you use pure CSS … Read more
In admin-bar.min.css at 600px, #wpadminbar is changed from position:fixed to position:absolute. The reason the adminbar scrolls at mobile sizes is because a fixed-height, fixed-position element causes major problems when you tap/pinch-to-zoom in mobile browsers. So, you can fix this by overriding WP’s native css on #wpadminbar, but then the behaviour is deliberate.
You can copy the templates folder inside the Woocommerce plug-in folder and place them in a custom Woocommerce folder inside your theme folder. every changes you make inside the custom Woocommerce folder will override the core files of the Woocommerce plug-in without loosing them after an update. You have to give us more information aboutdisplaying … Read more
You can set the responsive view by adding this to the bottom of your CSS file. @media only screen and (max-device-width: 480px) { #recaptcha_table { width:70%; } } You can also overwrite rules by adding !important; after the style of the class. You could even add this into your header after you have called the … Read more
Add these 2 lines to your css file in your child theme. You can change the percentages to suit your needs. (I’ve provided a starting point of what I think looks pretty good) //text size .entry-footer { width: 30% !important; } //picture size .entry-content { margin-left: 55% !important; width: 30%!important; }