Sorry to keep bumping but I realise that the emblem is also stopping my link from working on the location map, so I guess I need a much better alternative to the css, above.

Silly me! I must have been really tired on the 3rd build. I just kept adding hotspots and forgot to place some of them. Thanks so much!

Also, I just figured out why some of the hotspots weren’t working – since the page uses a transparent header all of the ones along the top were being overridden by the header area, so I just made my image with more sky to move them down a bit and now it all works prefectly :)

Ok, that looks great, thanks! Did you just copy and paste from the source code? Also, the hotspot image is doing odd things. I rebuilt it a couple of times because it was missing a numbered item even though I turned the numbers off. On mobile I see ‘Precedence’ where it’s supposed to be but it also appears where the ‘Byrne Secondary School’ is supposed to show. Please advise and thanks again :)

Thanks! That worked with a little bit of tweaking because the toggle was sitting over the fullwidth slider at a height of 180 so I changed it to 300 for more space, then moved the actual toggle up to remain inside the header background area –

	.responsive #top #wrap_all #header {
	    max-height: 300px!important;
	}
	
	.av_header_transparency #advanced_menu_toggle {
		margin-top: -50px;		
	}		

I’m sharing in case someone else has the same question :)

I can see that you are in there testing but please note that I don;t want the icon in the main menu – I’m trying to place it in the fullwidth sub menu on just that page, ie, the one that has

Overview | Program | Getting There | Sponsors | VMO

I’ve put a basic shortcode for a FB icon as one of the menu elements, so something like this –

[av_font_icon icon='ue8f4' font='entypo-fontello' style='' caption='Follow this event on Facebook' link='manually,https://www.facebook.com/events/1112214935469776' linktarget='_blank' size='40px' position='center' color=''][/av_font_icon]

It displays the code, not the icon. I am I missing something obvious? :)

Thanks for the update :)

Thanks so much!!! :)

Well, of all the times I’ve used this theme I never looked at editing the columns!!!!! That works beautifully, however, the button in the second column is not quite centered – when I inspect the button’s div ie the avia wrap it has padding at the top that is about 15 pixels, plus about 3 pixels below. The client is very visual so I need it to be dead center. I have tricked it by adding a whitespace of -12 above but when I tried to add padding of -12 in the column settings it didn’t take effect. I also created a custom class of homePageBu on the button and did this –

.homePageBu {
margin-top: -12px;
}

That didn’t work either. I do have it centered with the negative whitespace but is there a ‘cleaner’ way of making this work? :)

Ok, so this might work – I added it into the home page as the first item because I’m using a fullwidth easy slider. It appears at the very top before scrolling and then jumps down to below the logo and header as scrolling starts. Is there a way to have it below the logo and pancake menu at all times? I’m putting a link in the private area so you can see what we have – working on another option as well with a widget but it’s buggy (grabbing some content from the footer). thanks again!

A dream, indeed!!!!! Works like a charm – thanks so much! :)

Perfect! Thanks :)

Ok, so I did have something just like that but I want to remove the cricle entirely and just have an X. Do I need to use a png or can I tweak the css some more, please?

Sure – here you go (in private)

Ok thanks :)