Archived

This topic is now archived and is closed to further replies.

  • 0

Citi Theme citi theme - menu transparency


Question

Posted · Report post

Hi Nick, I'm trying to add some transparency to the sticky menu bar as I need to see more of the images. Tried styling a few things in CSS including .texture but that only made the whole page transparent. Any clues on this?

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

OK so I went ahead and just removed fixed nav on anything under 1024px. It was kinda bothering me anyways with the lag waiting for js and then these issues is just icing on the cake.

 

Just deployed an update. Thanks for your patience on this and pointing it out.

 

Nick

Share this post


Link to post
Share on other sites

Posted · Report post

I don't mean that the menu location sticks, I mean that the site is then stuck on that 'page' and the menu navigation stops working - until you scroll, which makes the menu usable again.

Share this post


Link to post
Share on other sites

Posted · Report post

OK after some research, it turns out this is a bad bug in iOS.

 

http://stackoverflow.com/questions/7968499/ios-safari-anchors-within-a-fixed-positioned-element-only-work-once

http://stackoverflow.com/questions/7826868/fixed-position-navbar-only-clickable-once-in-mobile-safari-on-ios5

 

Honestly I don't have another choice other than to disable the fixed nav on tablets. So I"m going to send out a fix that will only cause the navbar to stay fixed on desktops.

Share this post


Link to post
Share on other sites

Posted · Report post

I just loaded the site on an iPad and just can't see what you're talking about at all. I went to a page, clicked around, clicked the menu, with no issues.

It takes a second for the js to kick in on ipad which is why most fixed headers are disabled on iPad.

Share this post


Link to post
Share on other sites

Posted · Report post

When I get my site fixed I'll send you the link, thank for looking anyway

Share this post


Link to post
Share on other sites

Posted · Report post

Try this selector #citi-top.citi-header-fixed

Share this post


Link to post
Share on other sites

Posted · Report post

Great, thank you. Also just been trying the site on ipad and Safari does this peculiar thing where if I use the menu to go to a 'page', it sticks there and the menu is disabled. If I scroll about manually, the menu then becomes enabled again. Might be worth checking out, as this theme is bang on for on-the-go type sites. If you want to check it with my site it's at stormartfair.gb.com.

 

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

Hmm, not sure I'm quite following. The menu sits down a ways, and when the top of the browser reaches the menu it then becomes fixed.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Nick

Just trying this again on ipad, this issue is definitely there in Safari and Chrome, this is an ipad 2 running 5.1.1. What is happening is, I click (touch) a main menu link, and it goes to the page (section), no problem so far. However if I try to click/touch another main menu link, the links are now disabled. If I manually scroll a bit, the main menu links become enabled again. I'd appreciate it if you could check this out for me, quite a lot of my marketplace is using ipads so I need to be sure the menu is working. The site is stormartfair.gb.com

 

Thanks

angus

Share this post


Link to post
Share on other sites