Okay
  Public Ticket #2588445
Motion effect not working
Closed

Comments

  • Marlon74 started the conversation

    Hi,

     I have two websites with the Sonaar theme and both website don't display the motion effects that is available in Elementor any more. I have tried to remove the effect and connect it again but still no result. On other websites with Elementor I don't have the problem so I guess the problem lies with the Sonaar theme. Can you help me?


    Best Regards,


    Marlon van der Pas

  •  1,103
    Max replied

    Sure, 

    Can you please elaborate on how to reproduce your issue on my end? Could you please provide me access to your WP-Admin and I will gladly check this for you 



    Thanks,


    Max from the Sonaar.io Crew

  •   Marlon74 replied privately
  •  1,103
    Max replied

    Hi,

    I can see the animation of the logo on my end. see video: https://d.pr/v/54xdlF

    Perhaps make sure to clear your browser cache ?


    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Hi,


    Problem is solved.. sorry it was a setting in my Mac.

  • Marlon74 replied

    HI Max,

    Another question. How can I make the events button INFO to open in a new browser tab  / window? Where tot put a _blank in which PHP file. Now it opens on the same page and I don't want that. See https://ndsmrecords.com/events/

    Thanks!

  •  646
    Alexandre replied

    Hi Marlon, 

    The easy way to do it is with a custom js code. 
    I  did it. 
    I have add this  in the custom JS field:

    $('.sr_it-event-info-button').attr('target', '_blank');

    Thanks,


    Alexandre from the Sonaar.io Crew

  •  646
    Alexandre replied

    Hello again, 
    I have changed my mind. 
    I have removed the custom JS and I did a real fix in the php code.
    Everytime we are using a external link, the more info button will open in a new tab.

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Marlon74 replied

    Thanks Alexandra!

    Other question ; )

    It is possible to put a different footer on a page. Is it also possible to put a different custom header with navigation menu per page? With Elementor pro it is possible but is it possible with this them? Thanks!

  •  646
    Alexandre replied

    Hi Marlon, 
    You can select a specific footer on each pages. See the option here https://d.pr/i/46mPex
    The footer has to be created as a footer post through wp-admin>footer.

    But this option is not available for the header

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Marlon74 replied

    HI Alexandre,

    Thanks.. pity that is is not possible to use different headers.

    Other question.. I see that there is a transition when loading another page. The page becomes white with a fade in when loading another page. How is this done? Is this done in Elementor, a PHP script or a CSS3 animation/transition?

    I want to chance to colour... so where can I find this transition function?

    Thanks again for your support!

  • Marlon74 replied

    What I written below is active with www.ndsmmusic.com and then the sub pages from ndsm music / label / About ndsm records / send demo. 

    example links.

    labels: https://ndsmmusic.com/labels/

    about ndsm records: https://ndsmmusic.com/about-ndsm-records/


  •  1,103
    Max replied

    Hi there,

    The transition is made with javascript. the white color you see is the color set for your main background color in WP-Admin > Theme Options > Look and feel.


    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Can you please point me to the javascript file in the theme folder so I can have a look at the code? Thanks

  •  1,103
    Max replied

    check function HideShowTransition in the /js/main.js

    however this file is automatically compiled,combined  and outputed in /dist/js/sonaar.scripts.min.js and that is the file that is being read.



    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Hi,


    I'm working on the site and I have bought Elementor Pro. When I want to save a section as a template the theme stops working and the OPSLAAN ( save ) keeps spinning. How can I solve this problem because I want to work fast and use made template selection for other pages. This is now not possible.


    Thanks for your help.


    Regards, Marlon

  •  1,103
    Max replied

    Hi,

    It looks like a JavaScript conflict.

    Could you try something for me? Please deactivate all your plugins except Elementor Sonaar Addon, Elementor, Essential Grid and Revolution Slider then see if the issue persists. If not, please reactivate your plugins one by one and see which plugin can cause the conflict.

    Tell me how it goes.

    If it still does not work, please elaborate on how I can reproduce your issue on my end. perhaps you can scree record a video to show me.


    Thanks,


    Max from the Sonaar.io Crew

  •   Marlon74 replied privately
  • Marlon74 replied

    Hello,


    Also Classic Menu Main Item Text Color is not working. What is wrong with specific parts of the Page setting at the sidebar? See screenshot

  •  1,103
    Max replied

    Since your have updated WP to 5.6, you must also update the theme AND then update Essential Grid. that will resolve your issue.

    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Thanks Max,


    Solved.
    Question.. where in your documentation is explained where to find the artist's and hoe customize a artist page? Can't find it anywhere.. but jeah.. getting old here ; )

  •  1,103
    Max replied

    Hi,

    to edit an artist page, go to wp-admin > artists and click edit or edit with elementor depending what you need to edit.


    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Hi,

    It was a setting in Theme options.. thanks anyway. I cannot really find any good video tutorial about how to setup and play video's in a Youtube elementor grid? Are there any... because on my website the video's don't appear and there is a Sort by Title function that my client don't want there. How to remove this function? See screen shots

    In short I want to customize this Youtube grid feature. How do I do that?


  •  1,103

    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Thanks Max.... 


    Is it possible to create a custom logo image mouse over. I'm looking into it but can't seem to create a image hover. Is there an article available about the subject?


    Greeetz

  •  1,103
    Max replied

    Hi,

    For this, you will need to create a bit of javascript. Unfortunately we don't have tutorial on this but you can search on google and im sure you will find information that suits your need.

    Or you can hire a WordPress developer to develop this feature for you.


    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Hi,

    We talked about "check function HideShowTransition in the /js/main.js

    however this file is automatically compiled,combined  and outputed in /dist/js/sonaar.scripts.min.js and that is the file that is being read."


    This transition I do not like. Question: How can I disable this and where can I disable this? Thanks.



  •  1,103
    Max replied

    Hi,

    You can edit file sonaar.scripts.min.js and do your own script there but you wont be able to update the theme after this because that file will be overwritten.

    Perhaps deactivate AJAX in WP-Admin > theme options > general settings if you don't want page transition.


    Thanks,


    Max from the Sonaar.io Crew

  • Marlon74 replied

    Hi,


    Thanks for the last advice. Question.. on my https://ndsmmusic.com/events/ page you see all the events in the events grid. The info button is moved to the place under each event block. This looks not nice and professional. How can this be fixed? I can't find the css. Also on the mobile version it does not look good. How can this be fixed also for future theme updates?


    Thanks.

  •  646
    Alexandre replied

    Hello Marlon, 

    Agree this behavior looks weird. 
    This is coded  JS. When the event buttons dont have enough space, they are relocated under the event list item. 
    In your case, event titles are very long. Our suggestion is to remove the info button. In fact, they are not required. They only make the event list looks better when titles are shorter. The whole event item is clickable. 
    To remove them, please go to wp-admin>audio player and event settings
    Click on the event tab.
    And uncheck the "show more info button" option  https://d.pr/i/mpUawj

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Marlon74 replied

    Hi Alexandre,

    Thanks for your reply. I know how to deactivate the button but when you click on the event item the external link does not go to a new tab (_blank) . This is not good because when linking to a Facebook an user can not easy return to the main website. Can you fix this so also it the future it will work? Thanks.

  •  646
    Alexandre replied

    Hello Marlon,
    Please go to wp-admin>theme options>custom css/js
    And add this code in the custom js field (not the custom css field)

    $('a[href*="/event/"]').attr('target','_blank');

    This code will make the event list link open in a new tab

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Marlon74 replied

    Hello Alexandre,

    Thanks. It worked and looks good now.

    Have a nice weekend.

  •  646
    Alexandre replied

    You are welcome

    Thanks,


    Alexandre from the Sonaar.io Crew