Viewing 15 posts - 1 through 15 (of 19 total)
  • #171261
    fixers
    Member
    Post count: 253

    Hi There

    Having a couple of responsive issues, please see attached screen shots from IPAD.

    Id like to be able to:

    1) Hide the sidebar entirely at this screen dimension.

    2) display one 1 or 2 products from carousel dependent on page width?

    Any advice?

    Many thanks

    Attachments:
    You must be logged in to view attached files.
    #171517
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I see that you attached screenshot of dev.fixers.com and give me the url of http://fixers.travel. I need specific page url with issues.
    Thanks
    Mohammad

    #171520
    fixers
    Member
    Post count: 253
    This reply has been marked as private.
    #171523
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    1) Hide the sidebar entirely at this screen dimension.
    In which screen size do you want to hide sidebar?

    2) display one 1 or 2 products from carousel dependent on page width?
    In which screen size do you get this screen?

    Thanks
    Mohammad

    #171541
    fixers
    Member
    Post count: 253

    Hi Mohammad

    Both problems appear when viewing on an iPad?

    #172252
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    My colleague will assist you shortly.
    Thanks
    Mohammad

    #172924
    fixers
    Member
    Post count: 253

    Hi
    Is someone going to respond to me? Initial post was made 4 days ago and not had any further advice?

    #173060
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Unfortunately it’s not possible to make the post full width on iPad, the theme is built on an old version of bootstrap that uses pixels for all of the column widths, where as the new version uses percentages. This is a problem because usually we would just need to make the article div 100% on iPad and everything else would resize, but this dos not happen with the old bootstrap as each column has the width set in px.

    It would basically mean setting a new pixel size for every column width on iPad, which I’m afraid is beyond our scope of support

    – Kyle

    #173102
    fixers
    Member
    Post count: 253

    Oh man, this sucks – the theme is so great and then this? It looks awful on iPad? nearly 30% of our traffic is on tablets?

    its just not really as advertised or responsive if there’s no solution to this..

    can we escalate this to the theme developer? There must be a solution that doesn’t require us spending with a developer.

    #173105
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    What happened to the post?

    – Kyle

    #173107
    fixers
    Member
    Post count: 253

    Sorry Kyle, what do you mean – what happened to the post?

    #173108
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    The link you provided is now a product, instead of a post

    – Kyle

    #173120
    fixers
    Member
    Post count: 253

    fixers.travel/store/rock-the-kasbah/

    that link will take you to the page

    #173132
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I will forward to the developer to see if there’s anything we can do

    – Kyle

    #173294
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @fixers

    The issue here is not with the responsiveness of the theme. You have it set to show a sidebar on the right, which it does correctly. Then you hide your sidebar asset at iPad size – this leaves the space which is the issue, and on mobile it is full width as it should be. This isn’t a problem with the theme, as it expects a sidebar there (which is there, just your calendar picker asset is hidden).

    Best thing I can suggest to workaround this is to add some margin to the left on iPad portrait, try this custom css:

    @media (min-width: 980px) and (max-width: 1026px) {
    .page .has-right-sidebar .type-page.span8 {
    margin-left: 170px;
    }
    }
    @media (min-width: 768px) and (max-width: 979px) {
    .page .has-right-sidebar .type-page.span8 {
    margin-left: 140px;
    }
    }

    – Ed

Viewing 15 posts - 1 through 15 (of 19 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register