Support > English Support

Getting Simple Portal to pass Googles modile friendly test

<< < (4/5) > >>

♦ Ninja ZX-10RR ♦:
Did you try the solution provided in msg#4 or the one in msg #1?

Burke Knight:
The edit in msg #4 is what the screenshot I posted WAS.

♦ Ninja ZX-10RR ♦:
Hmm, I'd have to see it, but I don't even know how to inspect with the phone ;D Could you attach the code entirely and post the URL? I might have a look at the selectors&classes affecting it, but no promises.

Ian M:

--- Quote from: Rupurudu! on April 29, 2015, 03:34:52 PM ---Well, my code drops right column to bottom and left column to the top. But I'm not using the left column, so this was not a problem for me.

/Themes/default/css/portal.css

Find:

--- Code: ---body
{
min-width: 750px;
}

--- End code ---
Replace with:

--- Code: ---@media only screen and (max-width: 750px), only screen and (min-resolution: 300dpi) {

#sp_main #sp_left, #sp_main #sp_center, #sp_main #sp_right {
display: block;
width: auto !important;
padding: 0;
}
}

--- End code ---

--- End quote ---
Just stumbled on this code and it works really well. One question, is it possible to implement anything into this code where both the left and right blocks are placed at the bottom?

emanuele:
AFAIK there are some... tricks? But I'm not sure how compatible with certain browsers are.
The general idea is here:
http://stackoverflow.com/questions/220273/use-css-to-reorder-divs

Navigation

[0] Message Index

[#] Next page

[*] Previous page