This is for a company in Vancouver, Canada that is a distributor of ROMEX permeable paving systems:
Thanks for all your awesome support, Shufflehound. The client is thrilled with this website and so far, I’m really happy with its performance and optimization for SEO.
Solution for this topic
Nice. Yes, it seems to be fixed. Must’ve been loading an old version of the slider. Weird. I was clearing the caches to check but maybe revolution slider has a different way of working? Seems to be difficult to check after you’ve made changes. Thanks!
Thanks. That’s useful. What if I wanted to apply to all the product pages? There are 15 in total?
Also, is there any code to make it so that the text in the pullout area is always in the centre even for mobile devices? I suppose I could use Yellow Pencil and adjust for each resolution but thought you might know a cleaner way?
Awesome. Works a treat. You guys rock!
This is great. With yellow pencil you can resize for different screen resolutions. Thanks.
Another related question: how can I make it so that on click of the button it doesn’t go to the end URL but only pulls out the link so that then you can hit the link that is displayed. This is important for mobile as you can’t hover. You can only push the button.
Thanks Shufflehound.
This works as long as it is not a mega menu. How do I stop it from affecting it if it’s a mega menu?
Take a look at this screenshot of what I mean: https://cl.ly/f676384d61ad
Thanks! This has worked great.
Is there a way to show this on mobile, too?
Awesome. Thanks.
Thanks. That tool is great.
Thanks. I uninstalled it.
I think I added a reply to this in the wrong topic. Apologies for that. I’ve got a few threads going on 😉
So, this works great on the home page menu/top bar on mobile:
http://romex.mrvandigital.com/
But how do I make it so that it is like this on all pages and posts with the white background?
On some pages it is fully transparent e.g. http://romex.mrvandigital.com/products/
And on some it is light gray e.g. http://romex.mrvandigital.com/projects/
Anything other than white on mobile and the logo looks terrible and you can’t really see the hamburger options.
Thanks again. I really appreciate your support.
Solution for this topic
Actually I changed the header settings on the blog page all to default and it fixed my issue. Thanks! 🙂
Jumped the gun a bit…
It works great for the homepage but for all others on mobile, I get the transparent top background e.g. this test page: http://romex.mrvandigital.com/homeowner/
How can I get it to behave like this on mobile for all pages and posts?
Thanks!
Yep. Works a treat. Thanks.
So when I add the code above, it gets rid of a small area of white under the added logo and banner on desktop (=great!) but it also removes the white from the top menu on mobile and makes it transparent but the logo is white so on mobile looks better with a white background. However, I still want to remove the small area of white on desktop but keep the white background on mobile. (see attachment for the white area I want to keep on mobile)
Thanks. How do I get it so that it doesn’t activate on mobile? Thanks.
How do I make the amount of white shown at the bottom of the stripes less, for desktop?
I actually like the way it is white on mobile so long as I show the logo.
Thanks Shufflehound. This helps to make the hamburger visible on mobile and is useful code. Thanks for sharing. However, my question is more focused on how to make the white section transparent. Before it wasn’t showing as white. Also, on desktop the area highlighted yellow (in the attachment) used to be transparent. It’s now white. Which of the settings changes this or do I need custom code? It used to be transparent but now it’s changed to white and I can’t find which setting to change.
Thanks so much on the first one regarding making the icons and links more visible. I’ll start a new thread with the follow up to the second question. Thanks again!