Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 25, 2018 at 11:33 am #1026305
    BeeCee

    Hi,

    today I tried to work at my site with an Android (6.0.1) tablet (Samsung Galaxy Tab S3, Chrome & Firefox browser),
    but this is not possible, because several ALB elements and settings only work via hovering.

    For example, I cannot delete columns, elements, or duplicate or extend them, because the icons for doing so, only appear on hovering.
    With “tapping” on such an element, I only can move it around, but the icons to enlarge a column for example, or edit it, don’t appear.

    This is how I see ALB elements at my Android tablet:

    View post on imgur.com

    and this is at my Windows desktop computer when hovering over an ALB element:

    View post on imgur.com

    No hover on tablets mean I cannot edit any element, duplicate them, or enlarge a column etc.
    So nobody has ever thought of people working on their sites with the ALB of ENFOLD on mobile devices?

    Could you please make ENFOLD in future compatible with working in the backend on mobile devices like tablets?

    And meanwhile, could you please provide a temporary fix, so that I’m able to work with the ALB fully on tablets,
    resp. how can I show the icons in the ALB elements (see second screenshot above) permanently?

    Thanks.

    October 30, 2018 at 3:40 am #1027821
    Ismael

    Hey Gitte,

    Thank you for using Enfold.

    You can try this css code to make the editor icons display without hovering the elements.

    add_action( 'admin_head', 'ava_alb_display_icons' );
function ava_alb_display_icons() {
	echo '<style>.avia_sortable_element .avia_sorthandle, .avia_sorthandle .avia-edit-element, .avia-save-element, .avia-delete, .avia_sorthandle .avia-clone  {opacity: 1 !important; } .avia_sortable_element { margin-top: 25px; } </style>';
}

    Best regards,
    Ismael

    October 30, 2018 at 12:55 pm #1027972
    BeeCee

    Thanks a lot, Ismael, it works now soooo great on my tablet.
    I checked with https://www.mydevice.io/ the viewport width of my tablet and tried to add to your code snippet a part, that I have the hover effect on my desktop computer as usual with hovering, but only on my tablet without it:

    add_action( 'admin_head', 'ava_alb_display_icons' );
function ava_alb_display_icons() {
	echo '<style>@media only screen and (max-width: 1024px) {.avia_sortable_element .avia_sorthandle, .avia_sorthandle .avia-edit-element, .avia-save-element, .avia-delete, .avia_sorthandle .avia-clone  {opacity: 1 !important; } .avia_sortable_element { margin-top: 25px; } }</style>';
}

    Works fine, thanks a lot!

    October 30, 2018 at 4:31 pm #1028141
    Victoria

    Hi Gitte,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.