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

    Hi guys,

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

    example , on iOS :

    This happens when the browser is resized as well.



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




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


    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;}




    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.


    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.




    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

    @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,



    Hi Radu,

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




    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 :

    /* 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;


    Glad its working for you now :)



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

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