Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #963614

    Hi!
    I was wondering..
    Is it possible to have the header invisible until you start to scroll?
    We want the landing page to be super clear but do want the menu to appear so people know where to navigate.
    Can you help?

    #963838

    Hey RandomCreatives,

    This should be achievable via css. If you can please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #964818

    Hi Jordan,
    De site page is http://www.randomcreatives.nl
    It already worked on desktop but not yet on mobile.
    Thanks for your help!

    #964819

    Hi Jordan,

    I just realised that we are nog live yet so you can not see the page.
    Can you send the solution without seeing it?
    Or do you need the inlog?

    #964926

    Hi,

    It would be tough as we would need to see your unique layout/classes/etc.

    Best regards,
    Jordan Shannon

    #966384

    ok. Ik can set the website on visible for a moment.
    Can you tell me when you want to check it?
    I don’t want it to be visible to long..

    #966960

    Hi,

    Did you try to set that header behaviour in the Layout on the right hand side of the screen on the edit page?

    Best regards,
    Rikard

    #967373

    Hi Rikard,

    It did work on desktop! But not on mobile :(
    If you need to see the layout settings I have to give you a login?
    I could do that through the private content box if you want to help right?

    #967386

    Hi,

    Yes that info can be added to the private content area and it will only be seen by moderators.

    Best regards,
    Jordan Shannon

    #969725
    This reply has been marked as private.
    #970933

    Hey!

    It did work on desktop! But not on mobile :(

    That option is disabled on mobile devices by default. The whole section should be visible on mobile view so you don’t have to hide the header on initial load.

    Cheers!
    Ismael

    #970958

    Hi Ismael.

    Thanks for the reply.
    Thing is.. I don’t want it to be visable on initial load. I want to hide it on initial load.
    I want to just show the slider with the logo and when you start scrolling than the menu appears.
    Is that possible?

    #971960

    Hi,

    Thanks for the update. Yes, it’s possible. Please try this css code on the Quick CSS field.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
      .responsive #top #wrap_all #header.av_header_transparency {
        position: absolute;
        opacity: 0;
        margin-top: -250px !important;
      }
    
      .responsive #top #wrap_all #header {
        position: fixed;
        opacity: 1;
        top: 0;
      }
    }

    Best regards,
    Ismael

    #973833

    Thanks!
    I looks like it working :)

    #973850

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #1108309

    Hi Rikard,

    Working on that mobile menu again :)
    Can you help me get de main menu on top and the secundair menu in de burger?
    http://www.randomcreatives.nl
    Mobile version

    Thanks!

    #1108594

    Hi RandomCreatives,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Or actually, you can try to create a separate menu to show on mobile, here are a few threads on that

    Best regards,
    Victoria

    • This reply was modified 5 years, 5 months ago by Victoria.
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.