Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13978

    Hi guys,

    on small canvases, the AJAX buttons ( < > X ) dont align correctly. this is with the latest version of Coherence.

    example , on iOS : http://db.tt/4hA5gkel

    This happens when the browser is resized as well.

    #81553

    Hi,

    Let me tag Kriesi and the rest of the support team on this one. It will be fix on the next update.

    Regards.

    Ismael

    #81554

    any time frame for this next update ? still waiting for a lot of ajax fixes.

    #81555

    Hi radugidei,

    I’m flying blind here as I don’t have the device to test it on, however try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (max-width: 479px) {
    .inner_slide {margin-top: 20px;}
    .avia_sortable .ajax_controlls {top: 4px;}
    }

    Regards,

    Devin

    #81556

    thanks Devin, i’ll give it a try, but your fix would only address the vertical issue, there is a horizontal mis-alignment as well (the X is off the canvas).

    btw, this happens in all browsers, on deskto, too, when you resize the browser window. So you don’t need a device to test it on.

    #81557

    I tested it locally but don’t have quite the same view as in the screenshot. It should actually address the horizontal too if you add a right property and adjust the value how you need it:

    @media only screen and (max-width: 479px) {
    .responsive #top .inner_slide {margin-top: 20px;}
    .responsive #top .ajax_controlls {top: 4px; right: 5px}
    }

    so the right: 5px will push it over to the right a bit more but can be adjusted if you need.

    Regards,

    Devin

    #81558

    thanks Devin,

    i’ve now tried the code and it works partially :

    for .avia_sortable .ajax controls { }

    top: does nothing above the value of 10px, which is does not slide the controls high enough.

    right: does nothing at all

    the only thing that works at the moment is

    Code:
    @media only screen and (max-width: 479px) {
    .inner_slide {margin-top: 20px;}}

    and this is not enough to correct the problem.

    have you tested the new code ? any other suggestions ?

    kind regards,

    Radu

    #81559

    Hi Radu,

    I’ve updated the code above a bit so that it targets things more specifically.

    Regards,

    Devin

    #81560

    thanks Devin, your code is targeting the right things now, but it’s not doing the right things.

    there’s also some typos, so here’s the code that works perfectly for me.

    it solves mobile-portrait and mobile-landscape :

    Code:
    /* Ajax Portfolio Icons corrections
    ================================================== */
    @media only screen and (max-width: 779px) {
    .responsive #top .inner_slide {
    margin-top: 40px;
    }
    .responsive #top .ajax_controlls {
    top: 15px;
    right: 162px;
    }
    }

    #81561

    Glad its working for you now :)

    Regards,

    Devin

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘AJAX icons’ is closed to new replies.