HOME › WordPress Support › Mikmag 2.0 beta › Responsive Layout with Background image

This topic contains 10 replies, has 3 voices, and was last updated by  James Wooldridge 2 weeks, 2 days ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • 18/05/2013 at 2:39 PM #11691

    James Wooldridge
    Participant

    Observation:

    The header, slider and body separate in responsive mode when a background image is used. At full page width displaying 1140 plus browser chrome, it is beautiful.

    However collapsing the page to smaller sizes the layout pulls apart exposing more background. See screen capture attachment.

    Given most modern screens are wider than 1140 px the full display is a non issue. In responsive mode it is acceptable and presents well but it would be nice to have uniformity on tablets and handhelds.

    Note left and right margin dimensions.

    Page Setup:

    There is a default universal background image with a custom background displaying in this example. The page incorporates a wide left hand side column.

    Knowing your quest for excellence, I am sure it is on your To-Do List.

    Be awesome…

    James

     

    18/05/2013 at 3:00 PM #11693

    James Wooldridge
    Participant

    Attachment

    18/05/2013 at 4:19 PM #11694

    James Wooldridge
    Participant

    Screen capture did not upload, however the result can easily be recreated.

    :)

    20/05/2013 at 11:37 AM #11712

    kevin(Staff)
    Key Master

    Hi,

    I’ve been playing around a bit with the parameters you gave here but am not entirely sure I follow what you mean.. Any chance you could share the screenshot via a url?

     

    Kevin

    20/05/2013 at 1:41 PM #11715

    James Wooldridge
    Participant

    Good afternoon Kevin.

    Here is the screen capture: http://shop.citylifestyle.ca/

    Have a great day.

    :)

    James

    21/05/2013 at 5:59 PM #11726

    kevin(Staff)
    Key Master

    Seems to happen only with nivo slider.. or at least, not with layer. I’ll add it to the bug list.

     

    The whole nivo slider seems to resize a little bit strangely height wise (also if you add images that are too high).

     

    Thanks

    21/05/2013 at 6:04 PM #11727

    James Wooldridge
    Participant

    Thanks Kevin, I appreciate you checking into it.

    Hope you are having a great day.

    James

    21/05/2013 at 8:29 PM #11733

    James Wooldridge
    Participant

    Hey Kevin…

    Checked out the images in question and they are all 1140 x 400 px.

    Should I have different sizes?

    Thanks,

    James

    22/05/2013 at 5:39 PM #11739

    kevin(Staff)
    Key Master

    Hi James,

    I would say that normally, when the rescaling of the image is being done properly, the image size shouldn’t matter too much. I’d make it so it would fit on the full size and then when it’s getting scaled down it will scale accordingly. So if you’re using 400 height and have a 1140 width for the slider I’d say that should also be the perfect dimension for the image.

     

    Kevin

    24/05/2013 at 1:32 PM #11754

    Le Nur (staff)
    Key Master

    changed n fixed.

    24/05/2013 at 2:11 PM #11755

    James Wooldridge
    Participant

    Hi Le Nur.

    That is awesome news!

    Thanks and have a great day.

    James

     

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Close
WANNA KNOW WHAT'S COOKING?
Stay tunend, we'll keep you posted!

Twitter

Facebook

Google+