Yes, you can do that using a media query. If you don’t mind I suggest you to use media query simple. The exact query will depend on your site structure and how the menu is identified in your code. Before you do that, make sure your navigation will not be hidden as well; most website … Read more
The Jetpack plugin has its own mobile theme, which is overriding the child theme.
Although this is not really a WordPress question, but the visibility property does not actually HIDE any element. It only fades it so you can’t see it, but it still reserves space for it. You need to use the display property: .mobile-only { display:hidden; } @media (min-width:992px) { .desktop-only { display:block !important; } } @media … Read more
Go to Admin area -> Appearance -> Editor and open Archive.php template from right side and change the following line from the_excerpt(); to the_content(); Thanks to @kraftner Reference
You could solve this with other nasty hacks but here’s kind of WordPress way: In your header.php <?php // User is not using mobile if( ! wp_is_mobile() ) { wp_nav_menu(); // Your “original menu” } // User is using mobile else if( wp_is_mobile() ) { wp_nav_menu(); // Your another menu that only has top level … Read more
As a rule of thumb, responsive design should not be handled on the server side. The two main reasons for this is: The only kind of detection you can do on the server side is User-agent sniffing. Responsive design should be based on feature detection, not user agents. It’s too easy to run into caching … Read more
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
To get responsiveness similar to the image link you gave, you need to set width=100% and height=auto for the image. In your jsfiddle example, you did the width part okay (defined it as a % of available space) but you are fixing the height – both for the outer box as well as the inner … Read more
In my case, it was the fact that the theme displayed the mobile header/navigation at 921px whereas my page builder was configured to do so at 1024px. And although I had full control over the page/theme builder’s breakpoints< for this particular case, I wanted to keep it at 1024px. Luckily the theme was developed with … Read more
Without getting your hands too dirty, a lot of themes come with a CSS editor built-in so you overwrite rules. Feel free to do this for simple changes, and just be wary that your changes could get overwritten if you decide to update your theme in the future. However, if you feel comfortable going deeper, … Read more