Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3115326
Menu To Sticky menu problem
Closed

Comments

  • Rboullay started the conversation
    August 31, 2022 at 8:05am

    Hello, i send you a video in order to let you see a little problem.

    The menu is craching the page when we goes down on mobile

    Can you solve this little problem?

    Thanks

  •  2,610
    PenciDesign replied
    August 31, 2022 at 8:17am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .penci_navbar_mobile.mobile-sticky .penci_container {
        display: block !important;
        opacity: 1!important;
    }

    Regards,
    PenciDesign.



  • Rboullay replied
    August 31, 2022 at 8:38am

    Hello,

    doesn't work sorry?

  •  2,610
    PenciDesign replied
    August 31, 2022 at 2:44pm

    Hi,

    Have you added the custom CSS code I sent? I've checked but have not found the code on the browser.

    Regards,
    PenciDesign.


  • Rboullay replied
    August 31, 2022 at 2:54pm

    ok i ve put the code again in order to let you see that it doesn't change the problem sorry

  •  2,610
    PenciDesign replied
    September 1, 2022 at 2:16am

    Hi,

    Please modify the CSS code like this:

    .penci_navbar_mobile .penci_container {
        display: block !important;
        opacity: 1!important;
    }
    .penci_navbar_mobile {
        transition: visibility 0.1s ease, opacity 0.1s ease, transform 0.3s ease;
    }

    Regards,
    PenciDesign.



  • Rboullay replied
    September 1, 2022 at 7:08am

    Sorry can't see any change?


  •  2,610
    PenciDesign replied
    September 1, 2022 at 7:14pm

    Hi,

    This is an animation issue on mobile devices, please wait for me to find the best solution for this case then reply to this ticket soon.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 2, 2022 at 1:52pm

    hello, do you have an idea of the delay because it is the last thing i am waiting in order to put new website online :)

  •  2,610
    PenciDesign replied
    September 2, 2022 at 3:44pm

    Hi,

    I'll try to improve this feature in the next week.

    Please keep waiting.

    Regards,
    PenciDesign.

  • Rboullay replied
    September 6, 2022 at 12:12pm

    Hello

    have you some news for me please?

  •  2,610
    PenciDesign replied
    September 6, 2022 at 2:08pm

    Hi,

    I'm currently working on this issue, please keep wating.

    Thank you for your patience.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 7, 2022 at 1:00pm

    hello,

    sorry but i still waiting please

  •  2,610
    PenciDesign replied
    September 8, 2022 at 2:08am

    Hi,

    I'll try to update this feature for your site today.

    Regards,
    PenciDesign.


  • Rboullay replied
    September 8, 2022 at 3:58pm

    hello

    Still waiting a solution ??

  •  2,610
    PenciDesign replied
    September 8, 2022 at 4:13pm

    Hi,

    Please send me your WordPress admin account in a PRIVATE reply. I'll log in and update it.

    Regards,
    PenciDesign.


  •  2,610
    PenciDesign replied
    September 8, 2022 at 4:17pm

    Hi,

    You can update by yourself by adding this CSS code to your site:

    @keyframes penciheadersitcky {
      from {
        opacity: 0;
        transform: translate3d(0, -50px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }
.penci_navbar_mobile.mobile-sticky {
      animation-name: penciheadersitcky;
      animation-duration: 0.5s;
    }

    Regards,
    PenciDesign.



  •   Rboullay replied privately
  • Rboullay replied
    September 8, 2022 at 4:26pm

    sorry but i can't see really a difference??

  •  2,610
    PenciDesign replied
    September 8, 2022 at 4:42pm

    Hi,

    Please clear all the browser cache then check again, here is video recorder from my phone:


    Regards,
    PenciDesign.


  • Rboullay replied
    September 8, 2022 at 4:58pm

    i will make you a video tomorrow but now there is a sort of jump down when we scroll down and menu change to sticky menu

  • Rboullay replied
    September 8, 2022 at 5:01pm

    Can load mov file 

  • Rboullay replied
    September 8, 2022 at 5:03pm

    look

  •  2,610
    PenciDesign replied
    September 8, 2022 at 5:09pm

    Hi,

    Here is a video from my Chrome developer tool:

    Regards,
    PenciDesign.


  • Rboullay replied
    September 8, 2022 at 5:15pm

    Yes i see the same jump

  • Rboullay replied
    September 8, 2022 at 5:24pm

    you will see it easily in a post and if you scroll down slowly

    It seems to jump down approximativaly 100 px down

  • Rboullay replied
    September 8, 2022 at 5:36pm

    look

  •  2,610
    PenciDesign replied
    September 9, 2022 at 2:05am

    Hi,

    I've checked your site many times but still have not found the animation issue when the header transforms from normal to the sticky:

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 5:02am

    i remember having same problem with this website

    https://www.espaces-couleurs.fr

    at that time the team dev of the template wrote this to solve the issu

    @media only screen and (max-width: 768px) {
        .eltdf-animate-mobile-header.mobile-header-appear {
            margin-bottom: 0 !important;
        }
    }

    .eltdf-mobile-header .eltdf-mobile-nav {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 80vh;
        overflow: auto;
    }

    maybe it can help you?

  • Rboullay replied
    September 9, 2022 at 5:05am

    you must look with iphone not a browser web simulator 

    Works fine now with webrowser but not in iphone

  •  2,610
    PenciDesign replied
    September 9, 2022 at 5:31am

    Hi,

    1. The code in the previous reply doesn't relevant to this problem,

    2. Here is a screen recorder from my phone (Safari IOS):

    https://streamable.com/usq23o

    Regards,
    PenciDesign.


  • Rboullay replied
    September 9, 2022 at 5:57am

    i see it works fine on your side

    i will wait my client answer

    thanks


  • Rboullay replied
    September 9, 2022 at 8:25am

    ok he is happy so am i

    thanks