Hey guys. I have tried many variations but I couldn’t figure it out yet.
I am trying to move the image (wood-worker hands) up to overlap the dark gray to show when you scroll the page down a little.
You can see the effect I am trying to achieve if you scroll the page down 2%. You will notice the image under the opacity layer.
I appreciate any help.
FYI: The image is a GLOBAL BLOCK
When I set the .x-navbar {overflow: hidden it work BUT mess with the logo on the left 
Hey Robert,
Thanks for reaching out!
Would you mind sharing the site URL so that we can check on it? It would also be best if you could provide us with screenshots or videos pointing to your issue.
Cheers!
oh wow. i completely forgot to add the link. I am adding the secure logging in case you need.
Thanks Guys.
Hi Robert,
I have checked your website and recognize the problem you are having. It is due to the custom style you implemented with your logo and the background color of it. It is required a few more customization to adjust while the Navbar is sticky, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.
Also, you can try customizing the Header using the Header Builder which is exclusively available with Pro not with the X you are using.
I would suggest you upgrade to the Pro theme, please go through the process here: https://theme.co/docs/converting-from-x-to-pro
And also go through the following article on Header Builder.
And then you can add the following Navigation element for the desktop:
And then you can add the following Navigation elements for smaller screen:
And adjust the Navigation by using the Customize > Hide During Breakpoint option to show/hide in the specific screen size.
Hope it helps.
Thanks
Thanks for your advise
You’re welcome, Robert, as always.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.