Forum Replies Created
-
Posts
-
Thanks, got it!
Now is there a way I can turn off the sidebar for this page?
I have it turned off everywhere in the sidebar settings in ‘Enfold Child’, but it doesn’t seem to effect the ‘protected’ page layout.
Thanks Yigit – that’s understood, but I’m not trying anything out of the ordinary. I see many mobile sites keep a persistent menu icon on screen at all times – none of them pop to the top on tap. Is there any way I can stop this link from scrolling to the top?
If you have a moment, please check out the site at http://btribble.com to see what I mean.
Many thanks
Hi Vinnie – thanks for this!
Unfortunately, it seems I was wrong about the behaviour – removing the # tag from the button didn’t fix the issue. To be honest, I was so disheartened I gave up on the issue for a couple of weeks!
So my site is now up at btribble.com – if you have any ideas how to fix the mobile menu so it doesn’t ‘pop’ to the top of the page on tap, I’d much appreciate your help.
OK if anyone needs to, just use this in a code block:
[video mp4="/wp-content/uploads/2016/04/onboarding.mp4" autoplay="y"]This drag and drop builder is more trouble than it’s worth sometimes – I think you should add the option, guys!
Guys – I’m stumped.
Please help! I need to remove the ‘#’ from the ‘a href’ in the mobile menu, as referenced here:
http://stackoverflow.com/questions/20215248/prevent-href-link-from-changing-the-url-hashOK so I’ve been looking into this – it seems that its the href=”#” that’s causing it in the mobile menu. If I could replace the ‘#’ with javascript:null it might stop the behaviour – *but*, when I add the helper-main-menu.php to ‘shortcodes’ it screws up the header completely, even without any edits.
Any ideas?
Thanks
OK thanks, that didn’t seem to do anything. If anyone runs into the same problem, my solution was to just make the header fixed and transparent on scroll.
I’ve added this and tested on the XCode iOS simulator, but it doesn’t seem to do anything. Can you confirm it’s working at your end?
Many thanks for your help!
Chrome on Mac OS. I’m talking about the grey line at the bottom of the header.
Interesting. – I’ve just checked on my phone with Mobile Safari and it doesn’t appear! Only in Chrome responsive view. So that’s no problem, then!
Hi – sorry I didn’t make myself clear.
This is the pattern I want to create:
ON MOBILE VIEWPORT
1. User scrolls down – header and menu button scrolls out of view
2. When user scrolls *back up* – the header reappears
3. User can now either scroll down again, and header will scroll out of view.
4. OR user can select menu and tap through to another part of the site.Hope that explains it!
Sure – current version is at: http://new.btribble.com.
Why is it meant to behave like that already?
Many thanks. I may just edit my H sizes, might be easier!
For future reference, can I do this with a Child theme and keep the main one intact?
Ah, too bad. Thought I could just add a CSS class and get the ‘pop’.
I’ve got the layout working already, so I’ll investigate further.
Thanks Yigit! This will be a great help for some things, but I don’t know how I can achieve this layout using columns – which is why I ended up writing my own. If I add my custom block inside a 1/1 column, then the whole lot pops in, rather than the individual icons.
I’ve noticed that if I add the animation css in to my custom icon classes, they do ‘pop’ – but I can’t figure out how to make them go from the ‘pre’ state (commented out in this code) to the ‘animating’ ;)
-webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); /* before animation opacity: 0.2; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); */Works perfectly! You’re a star!
Now is there anyway I can change the H class of the iconlist headers? Like make them H5 instead of H3 ;)
Thanks to both. I could do with some assistance with this if you can. It seems to target the overall area but I don’t know how to add images into the icon circles!
