I have a serious problem with the Magento 1.9 new theme (RWD) on mobile media only and wondered if anyone might be able to shed any light please, if I'm honest, I'm not even sure where to start troubleshooting this one.
If you view the product detail page on a mobile phone (or on Chrome emulation mode).
http://magento19.my.phpcloud.com/index.php/tori-tank-581.html
Click on one of the alternative product images and then try and scroll down on the page, you can't it is completely stuck, it will only allow you to scroll if you use the white space either side, or below the image.
I'd be massively grateful for any ideas?
Thanks in advance
Check to see if you made any CSS changes to overflow visibility... We had a small gutter on the right in our rwd templates. We "fixed" this by making a css change to the overflow. This simple change caused the no-scroll/jerky-scroll that made the page look partially rendered.
Try to add this in _catalog-product.scss:
#include bp(max-width, $bp-medium) {
.product-img-box {
.product-image {
pointer-events: none;
}
}
.zoomContainer {
pointer-events: none;
}
}
This one helped me.
Related
I am using a WordPress theme.
only my main menu gets too long without a scrollbar. After several trying to figuring it out still no solution. see screenshot: http://prntscr.com/in1o7s
I hope you guys can help me!
Thanks in advance
If you want to force scroll of an element, add "overflow-y: scroll" css directive. Example:
.scroll-menu {
overflow-y: scroll
}
I am new to WP don't know how does the theme customization work. I've chosen receptar theme (link)
I want to make the article items on the main page bigger by default, as I would do with Ctrl +. How Can I do it?
I want to change it from this :
to this:
Word of caution: always try to fix things yourself and let us know what you've tried before asking on SO. Everyone here is happy to help once you hit a roadblock.
Now, to fix the issue you need to modify the Width of the element. I changed it from 50% to 100%. When it is 50% it allows two items to be next to each other, so if it is 100% every item will take all the space it can, getting to what you're looking for.
You can copy and paste this code into your theme CSS styler:
.posts .hentry {
width: 100%;
}
Usually, all themes come with this, or if your version of Wordpress is 4.7+ you can do this through the customizer.
That should do the trick.
You can easily do this with CSS,
please go to your theme main style.css and add this CSS
.post {
width: 100% !important;
}
I am creating a custom theme, made all the static html/css and now I am converting it to PHP for wp.
I don't know what I changed, but now whenever I make a change and reload, I cannot scroll down. There are no posts, this is not a blog, but the whole front page doesn't fit on the screen.
I turned on debugging and got a few errors I expected from plugins, but those plugins were active before when scroll was working. I am not using any javascript or jquery.
There is no scroll bar, and scrolling does not work (safari/chrome/firefox) but on my wife's PC in chrome it does work.
No ideas, please help!!
Figured it out
At the top of my stylesheet under html and body styles, I had
img { max-width: 100%; overflow: hidden; }
That line works ok with a static site, just not the php generated wp site.
When I added size variations to some of the products in my test store, the Product Options container automatically moved below the product image. I fixed the problem in Firefox, moving it to where I want on the right of the image using style="float..etc." as required, but the Product Options container refuses to move in other browsers. I've added screenshots to better explain what I mean.
Firefox [correct]:
Chrome/IE [incorrect]:
Link to Code
I've checked the DOCTYPE, I've used every possible combination of the display, position, float and margin functions I can think of but as yet no joy. Any and all help is greatly appreciated.
Edit css as follows:
form.product_form { width:390px; }
.product_description { clear: both; }
I'm customizing the Wordpress Admin site to suite my needs and there are several things I want to remove and customize (menus, etc...).
I noticed on the DashBoard section called 'Right Now' there are several things I don't need there. For instance the CHANGE THEME button and the wordpress version and theme. I found in the source dashboard.php where these are rendered, but rather than edit the source, can I just make a function that intercepts and changes this so it doesn't render them?
I also want to remove the DISCUSSION section and some of the counts for CATEGORIES, TAGS, and PAGES.
Is there a way to go about this? Thank you!
Hmm I think I solved this myself, although I'm not sure correctly. Using firebug I was able to find the class names and element ID's of the version and CHANGE THEME button and the version and theme
I added this code in my functions.php:
function wpc_remove_admin_elements() {
echo '<style type="text/css">
.versions p {display:none !important;}
.versions #wp-version-message {display:none !important;}
</style>';
}
add_action('admin_head', 'wpc_remove_admin_elements');
This added some styling in my header to hide these elements.
Is there a more efficient way to do this or am I going to be ok? I still don't know how to hide some of the Content and Discussion counts in the RightNow dash.