Home › Forums › Themes Support › Gecko › Top bar fixed

Topic Resolution: Resolved
Viewing 11 reply threads
Save
  • Author
    Posts
    • December 23, 2017 at 1:56 am #15323
      kintanei

      Hi,

      Currently we have the fixed menu when we scroll. I would also like the top bar to be fixed when we scroll. I add image.

      Home Fashion 3

      Thank you very much for your time.

      Best regards!

      Attachments:
      You must be logged in to view attached files.
    • December 23, 2017 at 8:29 am #15333
      Harry

      Hi Kintanei,

      Please download attach file and extract to gecko-child > views > header (you need create 2 new folder views in gecko-child, header in views)

      Best regards and Happy Holiday!

      Attachments:
      You must be logged in to view attached files.

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 24, 2017 at 8:04 pm #15371
      kintanei

      Hi,

      I have done all the steps and it does not work well for me. I added a “view” folder in a “header” folder in the son theme and a “layout-3” file in it.

      Home Fashion 3

      Thanks again!

      Happy Holidays!

    • December 24, 2017 at 9:48 pm #15373
      Harry

      Hi Kintanei,

      Please create new folder “views in claue-child” and create new folder “header in views”

      Happy Holiday!

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 25, 2017 at 1:16 am #15376
      kintanei

      It still does not work. I attached you screenshot so you can check it out. When you scroll down, the sticky of the top bar is unconfigured.

      Best regards and Happy Holiday!

      Attachments:
      You must be logged in to view attached files.
    • December 25, 2017 at 11:28 am #15394
      Harry

      Could you send us your site url and temporary admin account as private reply. We will check and help you solve this issue.

      Thanks

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 25, 2017 at 3:57 pm #15409
      Harry

      Hi Kintanei,

      Please add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

      .header-sticky {
      width: 100%;
      background: #fff;
      z-index: 99;
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 25, 2017 at 6:50 pm #15414
      kintanei
      This reply has been marked as private.
    • December 25, 2017 at 9:35 pm #15420
      Harry

      Hi,

      Please add custom CSS

      @keyframes mymove {
    from {top: -20px;}
    to {top: 0;}
}
.header-sticky .jas-branding {
	padding: 15px 0;
}
.header-sticky {
	animation: mymove 0.3s;
}

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 26, 2017 at 2:39 pm #15445
      kintanei

      Hi,

      The top bar keeps giving a little jump, it does not go in progression. In http://ladrangaucho.com you got that there was no jump. The transition is perfect. Could you do it the same?

      Thanks again!

    • December 26, 2017 at 6:38 pm #15454
      Harry

      Hi Kintanei,

      Please try new one attached.

      Best regards and Happy Holiday!

      Attachments:
      You must be logged in to view attached files.

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 26, 2017 at 9:28 pm #15462
      kintanei

      Fixed up! it’s perfect!

      You’re the best. Thank you very much.

      Best regards!

  • Author
    Posts
Viewing 11 reply threads
Save

You must be logged in to reply to this topic.