The best approach would be as toscho said in the comments – to write your own script an make it mobile friendly from the start. But if you want a quick, temporary solution you could do something like this: <div id=”maincontainerWrapper” style=”overflow: auto;”> <div id=”maincontainer” style=”position: relative;”> … </div> </div> then your calculator app will … Read more
Add the below code in footer.php and it worked for me : <div class=”buttons” style=”margin-top: 12%; float:right; position: relative; “> <a href=”http://sanchibags.com/index.php/cart/” title=”Goto Cart” class=”btn btn-primary btn-lg” style=”position: fixed; right: 0; bottom: 0;”> <i class=”fa fa-shopping-cart”></i> Goto Cart</a>
EDIT: Can you send link to that page so I can see the css? This is a bit of a shot in the dark, as I have only done this with adding image sizes but I am sure you should be able to alter the thumbnail crop position. Are 100% the image src is incorrect … Read more
I messed up with my comment and can’t edit it. So, I writing as an answer instead: This is probably (99.99%) not a WordPress issue, rather a Chrome one, something related to it’s CSS and/or image heuristics. Therefore: Maybe you will have better luck looking for help in other Stackexchange network site Maybe your pageload … Read more
Mobile menu not working – jQuery error?
Ok I found the solution, with this code in functions.php: add_action( ‘after_setup_theme’, ‘remove_hemen_theme_support’, 100 ); function remove_hemen_theme_support() { remove_theme_support( ‘wc-product-gallery-zoom’ ); remove_theme_support( ‘wc-product-gallery-lightbox’ ); remove_theme_support( ‘wc-product-gallery-slider’ ); } The line remove_theme_support( ‘wc-product-gallery-slider’ ); deactivate the slider.
Different Home page for Mobile without changing URL
If you want to get rid of the whole blue section at the top (menu and a search input field), you should add this to your CSS: .menu-search { display: none; }
One easy way that comes to mind is to hide the elements in the mobile view via CSS using the nth-child selector. That way, all five elements are still rendered in the source code, but only two of them are visible on devices below a certain resolution. Example code assuming your product items are elements … Read more
I guess that you can set the class for the paragraph and set it’s display to none only on mobile view. Such as, @media screen and (max-width:479px){ .nameofclasswhichtheparagraphhas {display:none;} } And add a button below it but set it’s display to none for Laptop users. Such as, @media screen and (max-width:768px){ .theclassofthebuton {display:none;} } and … Read more