Hi, I added a module in www.redlion-sassari.it website. On grid1wrap i put grid1 (span4) grid8 (span8) and grid5 (span4) and i want grid5 to take place just under grid1 and near grid8 (that has the highest height of the 3 modules)...but instead grid5 take place under grid1 and grid8 but not near grid8.... How can i do to make it took place near grid8 and fill the empty space?


thanks!

Mario

What do you get if you have two grid1 modules rather than an a grid5?
And set the module order as required in module manager?

Cheers
Paul

paulus103 wrote:
Yeah I already tried that solution and it works perfectly....but in responsive layout (mobile) when modules are span12...i see:

grid1
grid1
grid8

....and that's not correct 'cause it has to be in order of importance:

grid1
grid8
grid1

that's why i chose to put grid5 in grid1wrap...to see in mobile mode:

grid1
grid8
grid5

hmm see you point

At the moment can't see a way of doing this position wise

I'll carry on thinking

Cheers
Paul

Could you hide the second grid1 position and then add a different position to show only on mobile width?

obviously would mean having two modules with same content

Cheers

paulus103 wrote:
Ok Paul, thank you! Anyway it's kinda strange that a module in the same grid wrap doesn't fill the empty space.... i could understand this behavior if i put grid5 in a different grid wrap (grid2wrap for example)

Its the fact that its on another row of modules so is below the grid5 module

But turning off modules using two grid1s might do the trick - not sure if you saw that comment

Cheers

paulus103 wrote:
How can i hide it? If i hide the grid1 position in layout manager i'll hide all the modules in grid1 position....isn't it?

paulus103 wrote:
Nope...it's the same row....that is strange....see the code in the inspector...

Sorry row was perhaps the wrong word

It takes up the full width of the available width so the module is below the grid8 content

paulus103 wrote:
nope, it doesn't take the full width...grid8 has span8 and grid5 has span4....that's why it works if i choose to put the module in grid1....position... see the code

This is with grid1 grid8 and grid5 on same row or grid-wrap

And this is putting two modules in grid1 position:

Hey MArio,

Does this work?

Add float:right to the #grid8 in the custom.css file?

eg #grid8 {float:right}

That does the trick for me in the inspector.

Thanks

As you can see with this two screenshots...grid8 and grid5 are in the same row with grid1 and doesn't take full width....

I think Anthony's solution should do the trick for you

Does it work on the site?

Cheers
Paul

Yeah....with float:right it works!!!! So simple.... why i didn't think of that?

Just so you know its expected behaviour for the positions to behave like this

as from your screenshot the widths exceed 12 so grid5 drops below the other two modules

Anthony's solution is way round this

Cheers
Paul

Thank you so much guys, you're always great and helpful!!!