Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 4, 2015 at 11:52 am #529900
    aztamer

    Hi,
    I have a one page website with different sections. The menu at the top of the site scrolls to different to different parts of the front page.

    I would like to hide the header image on the when the website first loads, once the user clicks on a menu item and the site scrolls down to that section I would like the header to appear. I have played around trying to figure out how I would do this with no success. Any suggestions would be great.

    November 4, 2015 at 11:53 am #529904
    Yigit

    Hey aztamer!

    Can you please post the link to your website?

    Cheers!
    Yigit

    November 4, 2015 at 11:54 am #529906
    aztamer

    Hi Yigit,

    Here is the link:

    Thanks

    November 4, 2015 at 11:58 am #529914
    Yigit

    Hey!

    I though there was a custom background image on your header. Would you like to hide the logo on initial load and then show when scrolled down?

    Best regards,
    Yigit

    November 4, 2015 at 11:59 am #529916
    aztamer

    Exactly, hide logo on inital load of the page and when the page scrolls it appears.

    Thanks

    November 4, 2015 at 12:05 pm #529927
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 990px) {
.logo { opacity: 0; }
.header-scrolled .logo { opacity: 1; }}

    and then go to Enfold theme options > Header > Header Behaviour and choose to display shrinking header

    Best regards,
    Yigit

    • This reply was modified 9 years, 1 month ago by Yigit.
    November 4, 2015 at 12:17 pm #529938
    aztamer

    Hi Yigit,

    I’ve added the CSS and modified he header behaviour to shrink. The logo doesn’t appear any more when the page loads, however it doesn’t reappear once I scroll down or click on a item in the menu.

    November 4, 2015 at 1:16 pm #529969
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?
    Also, would you like to use transparent (or glassy) header on your page? Shrinking header or using transparent header will make it easier to achieve what you would like.

    Cheers!
    Yigit

    November 5, 2015 at 1:02 pm #530743
    aztamer

    Good morning, here are some login details

    November 6, 2015 at 3:52 pm #531477
    Andy

    Hey!

    you are using an old version of the theme. Please upgrade to the newest version and let us know if you still need help.
    Deactivate all plugins while testing. Are you using any caching plugin? if yes deactivate it first, before deactivating the whole plugin.

    Regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.