Topic Resolution: Not Resolved
  • Closed
  • Ronald Janssen
    Spectator
    April 19, 2016 at 8:14 am #26713

    After installing the last update this morning the 4th front page content box is placed below the other 3, how can I fix this?

    (I did reset the section settings and removed all of the custom css lines but still no difference)

    Have a look here: http://www.rbojanssen.com/wrdprss/

    Regards

    Roman
    Spectator
    Posts: 3147
    April 19, 2016 at 8:27 pm #26749

    and what device? iPhone, iPad..?

    Ronald Janssen
    Spectator
    Posts: 19
    April 19, 2016 at 8:31 pm #26750

    iPad, on iPhone the boxes are all aligned vertical.

    Roman
    Spectator
    Posts: 3147
    April 19, 2016 at 9:18 pm #26751

    just tested with iPad and same configuration as yours and see no issues. Have no idea what the issue is on your device.

    Ronald Janssen
    Spectator
    Posts: 19
    April 19, 2016 at 10:58 pm #26753

    I tried on iOS with Safari, Firefox and Chrome: all the same problem, the third front page content box is positioned below the first front page content box.

    On my iMac/OSX with Safari it’s the same problem but Chrome shows the website correct.

    Asked a friend who has a MBP with Safari and he sees the same problem. Also on his mobile devices.

    When I use the custom content boxes they show nice on iMac/OSX but the layout is complete wrong on mobile devices.

    Denzel Chia
    Moderator
    Posts: 2656
    April 20, 2016 at 4:12 am #26782

    Hi,

    Please use the following in Theme Options -> Custom CSS

    .col-sm-12.col-md-3.content-box.content-box-1 {
    width: 22% !important;
    }

    This should fix the issue in Mac desktop Safari.
    Please see screenshot.

    On mobile device smaller than iPad portrait size, such as iPhone.
    All the content boxes will be vertical “full-width” this is the correct behavior.

    Thank you

    Ronald Janssen
    Spectator
    Posts: 19
    April 20, 2016 at 8:11 am #26790

    That worked! Thanks Denzel & Roman for the help, much appreciated!!

    Denzel Chia
    Moderator
    Posts: 2656
    April 20, 2016 at 9:40 am #26791

    You are welcome!

    Ronald Janssen
    Spectator
    Posts: 19
    April 20, 2016 at 9:51 am #26792

    I cheered to soon 🙁

    On desktop versions it looks perfect but watch what happens on mobile:

    mobile error

    Only when boxes are shown vertical (like on iPhone), on iPad it works great!

    Mark Malone
    Spectator
    Posts: 1
    April 20, 2016 at 7:21 pm #26803

    Hello, I am seeing the same problem only on Safari. 3 front boxes, the third box is shifted to display below the first box.

    Roman
    Spectator
    Posts: 3147
    April 20, 2016 at 10:20 pm #26807

    we are working on this issue and will be fixed soon in next theme update

Viewing 10 replies - 11 through 20 (of 29 total)