Hello
I have a similar question and have been searching the forums without luck. On a gallery tooltip, the arrow is the centre of the tooltip. How can I move that to one end and the tooltip over so left edge of tooltip is aligned iwth left edge of thumbnail. Please see screenshot in below section.

I can change the tooltip size with
.avia-tooltip { width: 280px }
but can’t move its location.

Also, how to modify this if I need to, to only affect one or two pages instead of all.

Thanks

• This reply was modified 6 years, 2 months ago by s29ers.

Hello, Apart form the above which was v helpful, how can I also prevent certain pages from appearing in any ajax search or any search results. So they are omitted. Thanks

OK, nm re our Resources mega menu. I fixed that with option #1 for popup maker as explained here:
https://docs.wppopupmaker.com/article/297-popup-maker-is-overwriting-my-menu-editor-functions-how-can-i-fix-this
when mega menu check option or check box disappears. Sorry to bother you about that.

No they still don’t all work.

I removed the home icon in free trial sub menu as still doesn’t work. The vertical alignment was all wrong as attached link in the section below shows but as I wrote, I removed it now. However, that home icon still shows on Android after clearing cache even though I removed it from the menu! It can stay BUT I need to know what code you added and where that is as I can’t find that code anywhere so I can get rid of it if I want. Please let me know where you made all the changes and what they are.

Also when making desktop smaller, the Free Trial sub-menu has the wrong font when the mobile menu is used. It shows in a serif font when a desktop window is sized to be as small as possible but should remain in the site default of Open Sans font on small desktop windows too. Android is fine. Please fix this as I don’t understand why that should even be happening.

Also these errors are still there

a) ON chrome and FF, the free trial button has white text. On Edge it is grey #63727e although the background is the same on all. Can you please fix appearance of the button so I get white text on Edge?

b) the cart link is still not correct as the link is still in the wrong place. And this is obvious on Android as you can touch in the row above and on desktop in a small mobile sized window as you can see the link change when the cursor is still on the row above it. If you can fix it would be nice. Else leave as is BUT I would like to know where any changes you made or make are and what they are.

Thanks

Forgot to add see below.

Sorry about that. See below for credentials.

Ok, please see below.

Hi Vinay

Thanks for that. Removing the background is OK.

It works as you gave, but I noticed on mobile (resize the window on desktop to be mobile size as it’s easier to see), that if you move the cursor through the menu from Pricing down through Free Trial to the cart, the target urls change properly and over the button you get the Free Trial url, but when you drop right below the button at its outline, you get the cart url and that stays, then disappears and then reappears when the cursor is right on the cart icon. Which is weird.

I tried playing with the transform and padding anyway as the way you had it the cart would bounce into position; my way it just appears at the right spot so I have

/* Mobile menu item alignment */
#av-burger-menu-ul li:nth-child(6) a {
transform: translateY(13px);
padding-top:20px !important;
}

#av-burger-menu-ul li:nth-child(7) a span {
transform: translateY(0px);
padding-top:33px !important;
}

I also removed from your code
position:relative!important;
as it made no difference I could see.

But in any case, my way or your way, the link as described is appearing in two places. Hopefully it’s easy to fix but if not, it will do.

Thanks again

Hi Mike, thanks for checking but I had to use FV free video player plug-in to fix the problem as I had to get it working somehow. If you have an Enfold solution then that would be good. Therefore I made a test page with the Enfold MP4 video loader that works on desktop and not on mobile as explained, link below.

Hi Vinay

Thanks, that helped a lot, thanks but is not still working properly:

a) I centred the Try free button but when I mouse over to highlight, the cursor highlight grey bar is not centred on it.
b) I placed the cart icon properly too, but the highlight is not over it and actually above the divider line so partly overlapping the Free trial button.

Here’re my small change in the translateY and padding-top (although same problem with your values)

/* Mobile menu item alignment */
#av-burger-menu-ul li:nth-child(6) a {
position:relative!important;
transform: translateY(13px);
padding-top:20px !important;
}

#av-burger-menu-ul li:nth-child(7) a span {
position:relative!important;
transform: translateY(13px);
padding-top:20px!important;
}

c) The icon does not become any bigger with the size addition; in fact it’s missing and just a right triangle is there like on the other menu items.

Please advise when you have a moment.

Thanks

Thanks, ok, re mp4 on the homepage, on Android in Firefox, the video area is black. How to fix that so it shows like Chrome. Click or tap doesn’t do anything. If I tap and hold I get a menu to play. It used to display the video and then tap would play. On Chrome, the video shows (no black area) and then tap does nothing, but tap and hold now asks to download video. Is this now normal? How do we use the self hosted video element for mobile then?

Another question, if I use a preload image, what size should it be so it renders properly on all devices?

Thanks

Hello

I have a couple of similar questions to this

a) I would like to click an image with hotspots and have it open in the lightbox but there doesn’t seem to be a way to specify that.

b) I’d like to use the image gallery as follows: I have 3 pictures in the gallery but I want to display only one picture at column width at a time. I can’t do that as the minimum cols shown is 2 so the image is shown at half the column width. Can I fix that to be one somehow? Then the image would be shown as wide as the column width and the ‘Load more’ can load the next one the same way.

Also, I if I click on the first image, it opens in the lightbox, but after clicking Load More and then clicking on the image that is then displayed, does not open in the lightbox but opens as a ‘webpage’ in the same tab in my browser and I have to hit back arrow to get back to the web-page. This seems to be an error?

Please advise re the above.

Thanks

Hello

I have the same issues on mobile after upgrading to latest Enfold 4.4.1. I have a self hosted mp4 video I show on my homepage. It works fine on desktop and was working fine on mobile too. Now, on mobile I just see a black box, not even the video image.

I also am using Easy Fancy Box for my image lightboxes and swf videos. It was working fine on mobile too, but now (after Enfold upgrade), swf files are not and all I see on mobile is a blank white Easy Fancy Box lightbox. Images work fine in Easy Fancy box on mobile and desktop.

Can u please help?

Thanks

Hi
Yes, so can you please help with a rule to affect one page and all pages? I’m not sure what exactly this CSS will be like.
Thanks

I think this works better
#menu-item-5955 a span.avia-menu-text{
background-color:#187EE2 !important;
border: hidden !important;
border-radius: 2px; !important;
color:#ffff !important;