You can add custom CSS where you use media query in order to reduce the font-size of the title in small devices. You also have some styling that remove the line break and add the 3 dots at the end. So you can also remove them. You can try this code : @media all and … Read more
You can simply remove that limit, go to your functions.php and add this code. function remove_max_srcset_image_width( $max_width ) { return false; } add_filter( ‘max_srcset_image_width’, ‘remove_max_srcset_image_width’ ); If you want to increase, go to your functions.php and add this code. function custom_max_srcset_image_width( $max_width, $size_array ) { $max_width = 1800; return $max_width; } add_filter( ‘max_srcset_image_width’, ‘custom_max_srcset_image_width’);
It seems like your theme may be using the wp_is_mobile function incorrectly as it should not be used for theme specific styling, etc and is also unreliable as it only inspects the browser User-Agent. As I don’t know what your theme is, I cannot say for definite if that is the case but see this … Read more
The best approach is to serve the smaller image sizes, that is what matters to the end user. If you do the math on something like 5 slider images (large ones) you will see a pretty significant difference. Image sizes are in most cases the largest request. The downside is simply having more storage on … Read more
You would need to access your style sheet (style.css). Your site uses media queries to target specific screen sizes and apply different rules when the stylesheet interacts with them. In section 4.1, it defines the site title as: .site-title { font-size: 60px; } In Section 8.0, just beneath @media (max-width: 643px) it defines the site … Read more
This is quite an intensive operation if you look at it. I have done this once before. Before you start, you will need to understand what is happening. The layout of full width pages are controlled by the full-width body class currently defined in line 419 in functions.php. If the following conditions are met, the … Read more
It’s not showing because the .insertAfter() and .show() functions are called on resize events only, while mobile devices do not resize. They already load the page with their mobile sized. Just make sure you also run the code on the ready event: <script type=”text/javascript”> /* to show back the left side bar back when the … Read more
Yes, you shouldn’t use it in your theme. It’s used in WP core on administration side for adding touch scripts, mobile button etc. It’s very dumb, it just detects User Agent string which can anybody change. And the biggest why not to use it is that you can have a trouble if you use it … Read more
This is generally not the type of question to ask here. Try searching the WP plugin repository. I’d take a close look at Woocommerce and it’s extensions.
Depending on which device you want to target, you’ll need to use a media query, you can read more about those here: CssTrick: @media only screen and (max-width : 320px) { #content { display: flex; /* Optional, if you want the DIVs 100% width: */ flex-direction: column; } #content > .wooside { order: 1; } … Read more