Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2023 at 10:02 am #1402265
    Alex Freelance

    Hi folks,

    hope all of you are well! I need assistance with my menu/navigation items in the header. I need them to be hidden at first load of header, but when scrolling down the navigation items should appear again.

    Previously I had a similar request and Mike has helped me out with the following snippet, but unfortunately this is not working anymore:

    Hey Alex Freelance,
Thanks for your patience and the link to your site to hide your homepage menu until the page has been scrolled please try this css:

@media only screen and (min-width: 767px) { 
	#top.home .av_header_transparency #header_main_alternate {
		visibility: hidden;
	}
}

    Could you pls advise? Many Thanks in advance!

    March 25, 2023 at 5:50 pm #1402490
    Mike

    Hey Alex Freelance,
    Thanks for your patience and the link to your site, please try this css:

    @media only screen and (min-width: 767px) { 
	#top.home .av_header_transparency #header_main {
		visibility: hidden;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 28, 2023 at 11:03 am #1402751
    Alex Freelance

    Hi MIke,

    thanks a mill. Is it possible to retain the logo in this header and have just the menu hidden?

    Cheers,
    Alex

    March 28, 2023 at 12:02 pm #1402773
    Mike

    Hi,
    Try adding this css:

    @media only screen and (min-width: 767px) { 
	#top.home .av_header_transparency .logo {
		visibility: visible;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 29, 2023 at 2:10 pm #1402911
    Alex Freelance

    Hi Mike,

    Thanks again, this has worked like charm!

    Could you pls help me with that image elements I am trying to add into “image with hotspots” -> I want the image to be opened in a lightbox, but scaled to the viewport, so that the user does not have to scroll inside the lightbox to look at the image. location is posted in private content.

    Cheers,
    Alex

    March 30, 2023 at 12:35 am #1402978
    Mike

    Hi,
    I see that your image is 2300×900, please try using an image that is about 800×400 or less.

    Best regards,
    Mike

    March 30, 2023 at 11:05 am #1402999
    Alex Freelance

    Hi Mike,

    sure thing! :)) thanks man, all solved.

    Cheers,
    Alex

    March 30, 2023 at 11:37 am #1403000
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hide Menu on transparent header’ is closed to new replies.