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.
AJAX icons
10 posts from 3 voices- Started 10 months ago by radugidei
- Latest reply from Devin
- This topic is closed
- This topic is resolved
-
Devin
ModeratorHi 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
Posted 10 months ago # -
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.
Posted 10 months ago # -
Devin
ModeratorI 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
Posted 10 months ago # -
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 allthe 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,
RaduPosted 10 months ago # -
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;
}
}
Posted 10 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
