Great then.

I got confused too……….

Don’t know which solution is for me

so now can any one tell me how to solve my problem?
to make it clear, I would like to start over again:

my problem is https://drive.google.com/file/d/0B6L9QZ3Td5Yjc3NRQmdlcXhDY0U/view?usp=sharing
the code as below:

CSS:

@media only screen and (max-width: 767px) {
#menu-item-shop .cart_dropdown_link {
padding: 0 10px;
}

#menu-item-shop #menu-item-search {
padding: 0 20px;
}

#menu-item-shop #menu-item-search .avia-search-tooltip.avia-tt {
left: -16px !important;
}
#menu-item-shop {
min-width: 110px;
}
}

and functions.php
add_action(‘wp_footer’, ‘ava_new_custom_script’);
function ava_new_custom_script(){
?>
<script type=”text/javascript”>
(function($) {
function a() {
if ($.avia_utilities.isMobile) {
$(‘#menu-item-search’).appendTo($(‘#menu-item-shop’));
}
}

$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}

That still doesn’t explain why the widget was removed. Pls care to explain.

For an user without technical skills the debugging method is too complicated. You can place shortcode in a text widget, but the tooltips don’t show correctly because they are being cut off by the containing element. The result isn’t very satisfying.

The shortcode generator only shows a limited range of options different from your screenshot with no obvious option for sharing. So this won’t help very much either.

I don’t get why a formerly easy way to set this up as a widget has been removed?

Best, Thorsten

Almost there! Great Thanks John, the tooltip has disappeared. The vertical space allocated to that tooltip is still huge. Can I shrink that down please?

Never mind – I discovered what was happening. I have a clipping of the standard format I was using for all my addresses (about 09 in total)…

<strong>Company Name</strong>
Address

Email: <a href='mailto:XXX?subject=website%20inquiry'>XXX</a>
Website: <a href=‘http://XXX' target=‘_blank’>XXX</a>

…and the quotations were coming over from the copy/paste as high ascii and I needed to overwrite the quotes for each separate address.

It would be nice if the tooltip entry box were plain text, perhaps in a future version? I tried to post to the feature request post, but see that it is closed.

No, the above code is not working as well

so I use the old CSS again from Vivtoria (amend a littlle bit to keep more space for this 2 icon)
CSS:

@media only screen and (max-width: 767px) {
#menu-item-shop .cart_dropdown_link {
padding: 0 10px;
}

#menu-item-shop #menu-item-search {
padding: 0 20px;
}

#menu-item-shop #menu-item-search .avia-search-tooltip.avia-tt {
left: -16px !important;
}
#menu-item-shop {
min-width: 110px;
}
}

and functions.php
add_action(‘wp_footer’, ‘ava_new_custom_script’);
function ava_new_custom_script(){
?>
<script type=”text/javascript”>
(function($) {
function a() {
if ($.avia_utilities.isMobile) {
$(‘#menu-item-search’).appendTo($(‘#menu-item-shop’));
}
}

$(window).load(function() {
a();
});
})(jQuery);
</script>
<?php
}

I believe THERE IS SOMETHING WRONG WITH THE CSS, which make the search icon being in the container of cart icon

Where do we get the tooltip.js file from?

We are just adding this tooltop https://jqueryui.com/tooltip/. So added some code to the the child header.php.

We would like to add a tooltip to some of the timetable copy.

Is that ok? or can you suggest an alternative way of doing this?

Thanks

Hello Shannon,

we found a solution for the problem.

it was caused by a certain style applied in the tooltip, which did make it appear all the time.

We do not know if this is the correct solution for this issue but it works.

The thread can be closed in the meantime.

Thanks for your support.

Hi Andy
the only thing you have to do is to let me know what file(s) is / are responsible for the output (see number 2 in my last post)

Alternative: Show me a gallery-version that let us use reasonable descriptions
Styled tooltips are nice but if its not possible to give a user useful informations its just a gimmick and not a useful thing.

Regards Martin

Thanks for your reply Victoria but the code doesn’t show the tooltip when when the icon is tapped on a tablet or phone.

Can this be achieved?

Thanks again,

Ed

Thanks John,

You can find an example here:

The icon is placed at the bottom right of the grey panel. To be clear, I’d like the tooltip to be displayed on mobile and tablets.

Many thanks,

Ed