Custom page template not working on mobile
The Jetpack plugin has its own mobile theme, which is overriding the child theme.
responsive
Navigation menu, remove item from desktop
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
HTML content filtered on blog page
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
Hamburger Navigation Menu
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
Change featured thumbnail based on screen size
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
How to make this splash page responsive
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
responsive screen not working [closed]
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
Elementor Pro and Astra have different breakpoints – how to salvage?
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
Customizing Responsive Themes Menu [closed]
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
How to generate a responsive output from plugin?
Your plugin can add additional css (and javascript) files into generated pages. Functions wp_register_style() and wp_enqueue_style() with proper parameters should make it work. To not load Bootstrap more than once, use wp_style_is() function. You can find more in documentation.