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
Often times even if we have setup our media queries correctly, the site still isn’t responsive to those queries. You need to set a viewport in your header.php to fix this. More often than not I find that this affects macs instead of PCs. but it’s still a good idea to add this no matter … Read more
Kinda just answering this to counter the “not-possible” answers… Yes it is probably not the best thing to do, since we are still unsure what the OP is trying to achieve, but that does not make it not possible… complex and impractical perhaps, but still entirely possible. First enqueue the script as you normally would… … Read more
It’s possible that a word-break CSS rule could fix the problem. You could apply it globally with this body {word-break:normal !important; } Or maybe this: body {overflow-wrap: normal;} But it might be better to apply that to the specific class/id used by the title. And ever further tweak it to only apply that rule to … Read more
In order for your images to be responsive they require CSS. The CSS will inform the image to stretch 100% of the available space and to automatically adjust the height. img.responsive { width: 100%; height: auto; } Because you don’t want to apply this rule to all images, you’ll need to add a class on … Read more