17 Answers

-5

Avatar michael.pelevin answered

in order to fix this bug change the style

.wrapper { padding: 0 13px; }  

to

.wrapper { padding: 0 12px; }

or less

Edited

3

Avatar donnie.l.rollins answered

Most recent Warp update didn't fix this issue for me.

Here's what did:

Go to warp/css/layout.css
Find your div class (for me it was .width33), add !important rule to the width parameter { width:33% !important; }

2

Avatar trung.nguyen answered

I have exactly the same issue and its pretty anoying.
Happens only in chrome.

After taking a look in Chrome development tool, i found what caused this behavior:
<div class="grid-box width25 grid-h" style="width: 248px; ">

I wonder where this "width: 248px" come from? (Havent change anything from the original css)

Edited

0

Avatar pawel Yootheme answered

Hi,

i can't recreate the issue.
Please send me a link to your website.

Regards,
Pawel

0

Avatar chipselect answered

same issue for me in chrome (21.0.1180.60 m), Nano 2

can be recreated for the Nano 2 demo "yoo_nano2_demo_package_j25" by changing
"Template Width" from 980 (default) to 990

(Joomla->Template Manager->Edit Style)

(can provide link to website on request by support team)


** Update, Aug. 3rd, 2012 **
just checked with different chrome versions:

problem does not appear in older chrome version 20.0.1132.57 m
problem appears in the most recent version: 21.0.1180.60 m

screenshot: http://i.imgur.com/y8BcP.jpg


** Update, Aug. 5th, 2012 **
bug (?) can be seen at YOOTHEME demo page as well (when zooming in latest Chrome 21.0.1180.60 m):

http://i.imgur.com/zRLI0.jpg


Edited

0

Avatar pixlstudios answered

Hi,
I'm also wondering about this issue. When I'll assign odd number of module in a position then last one move to the bottom. This issue has occur in my two site.
http://laredocloud.com/lpd/ (bottom-a position module move to the bottom, NANO2 theme)
http://dev.themesurvivor.com/secure/TS-Theme2 (innertop position module move to the bottom, Warp framework)

Please give me a solution . The one who suggest change

.wrapper { padding: 0 13px; }
to
.wrapper { padding: 0 12px; }

is not working. Please give me a solution.

Thanks

0

Avatar danil.kolesnichenko answered

Hi,
I am from Ukraine and I ask forgiveness for their level of English.
I have a problem with your template Nano 2 (it works on a test domain, he is registered on the house fasystem.com.ua). You see my test-website: www.peopleidea.com
In Google Chrome at a resolution of 1920 x 1080 (the window is maximized to full screen) in the style «Bloks» of top B down the unit moves out (see screen 1). This problem is only in google chrome, and only at a resolution of 1920 * 1080. On my laptop (11,6 inch) and when I make the window smaller (on PC, monitor 24 inch and resolution 1920*1080) than the block is in place.
How do I do that in Google chrome at a resolution of 1920 x 1080 full screen mode, the block had not slid down?
Please help me.

screen 1
http://imageshack.us/photo/my-images/254/screen1ww.png/

screen 2
http://imageshack.us/photo/my-images/14/screen2jmb.png/

Edited

0

Avatar enes.ertugrul answered

There was an update on 8th August but this update has not fix for that issue.
Any news?

0

Avatar grupo.linka answered

I have the same problem, only in Chrome with 100% Zoom and 67%... which is the problem AND THE SOLUTION?

0

Avatar snowpeak answered

Adding !important to the .width classes breaks responsive functionality.

0

Avatar martha.moustaka answered

Hi All,

I had the same issue with Chrome and yoo_nano2.

I have managed to solve the issue by commenting out line 28 inside template.js file.
So, try the following temporary solution till the Chrome "bug" is fixed.

Locate the .js file template.js (/templates/yoo_nano2_j25/js/template.js)

Find and Comment out line 28
$.matchWidth('grid-block', '.grid-block', '.grid-h').match();
to be
// $.matchWidth('grid-block', '.grid-block', '.grid-h').match();

so no match width will performed for 'grid-block', '.grid-block', '.grid-h' elements.

George

0

Avatar ali.alrashidi answered

same issue here only with chrome, as mentioned earlier this worked for me as a solution:

template manager > yoo_nano2> layout > template width , change from 980 to 990 or 1000 . that worked for me.

Know someone who can answer? Share a link to this question via email or twitter.