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
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.
I know it’s bad practice to use !important frequently but you could use it on any style that’s not showing just to check if your theme is overriding your code.
Check the avada-documentation: https://theme-fusion.com/support/documentation/avada-documentation/ -> Menu -> Extra -> Videos In Lightbox -> How To Set Video Size in Fusion Theme Options How To Set Video Size in Fusion Theme Options Step 1 – Navigate to the Avada > Theme Options tab. Step 2 – Go to the Lightbox tab, and locate the Slideshow Video … Read more
You can use media queries to change the styling per element depending upon specifications. You would have to add these to the bottom of your stylesheet, so that it overwrites your default styles depending upon the screensize This following media-queries template from bootstrap is only based on screen size. You can use more complex media-queries … Read more