Awesome, I sent you an email, thanks

I did not receive it. Please make sure the email address is written well or you can just use the contact form on my profile page to send me an email.

I do not write email addresses, I always copy and paste them to make 100% sure they are correct, also I sent you the same email through the contact form, thank you

Yes, all buttons can be used as links as well.

Yes. If the icon is included in the Font Awesome package, you can add its CSS class name. Or you can add it as a .png file.

ok. thanks! Please consider adding mobile support

The sidebar is supported on mobile. It just does not have the option that you want, to move position to the bottom of the page.

Yes, sorry. Maybe add that feature

Place the “div.super-sidebar” element on your page, where you want to have the sidebar.

In the CSS code, set the position of “div.super-sidebar” to “relative” and change the position of “div.sb-bar” to “absolute”.

div.super-sidebar {
    position: relative;
}
div.sb-bar {
    position: absolute;
}

In the JS build code, set the left and top values of the bar with the “position” setting:

jQuery(".super-sidebar").superSidebar({
    position: [0, 0],
    ...
}

Thank you, I have followed your instructions and it works! (but for me it worked using “fixed” instead of “relative” for .super-sidebar).

Yes, to do that, you can modify the CSS position from “fixed” to “absolute”.

In your div, they have to be positioned vertically for the text labels to animate well. If you are using the buttons positioned horizontally, then you have to disable the button labels from the settings.

thank you. i love the effect but it is really difficulty for me. i have no idea but to get refund. thank you again for your understanding.

If you like the effect, I can make a very basic plugin for WP with an admin page that has a couple of textareas in which you can paste the HTML markup code and JS build code from the sidebar templates.

Ok. If possible please help me.and my email ericqi@live.com thank you.

I have added the option. The new files are live on the marketplace, you can download now.

Modifications were made to the “super-sidebar/js/jquery.super-sidebar.min.js” file. You can take this new file and place it in your project. Then, on your HTML page, in the sidebar JS build code, you can add another setting called “animateEngine” which can be set to “velocity” (default) or “jQuery” :

jQuery(".super-sidebar").superSidebar({
    ...
    animateEngine: "jQuery" 
});

If using the “jQuery” option, it is no longer necessary to load the “velocity.min.js” file on the page.

Let me know if everything works well. Also, I would appreciate it if you can leave a star rating to the project, it helps with search results.

That’s awesome, thank you so much, keep up the good work !

I tested it and it works like a charm, great support thank you again

Sorry, but I am not understanding what you are asking.

Did you purchase the project or are you talking about the preview page?

All I wanted is just a simple blog that looks like Instagram with one image and one row of buttons for Like/Share/Comment + whatever else you may invoke … Download media (possible?)

Almost all the share buttons I look at don’t work properly in an app (webviewer).

Hope you look into app. Is there a chance we can work together?

I haven’t worked with Web Viewer, I do not have experience with it. But, from reading the description, it should be able to display a web page as it is in the browser.

As this is not a WP plugin, you will need to be familiar with WP and PHP coding in order to add it to a WP site.

What needs to be done is to add the HTML code, CSS and JS files on the page. You can do this through WP hooks, in the theme functions.php file.

Can you send me a link to where I can look over your implementation? You can send it over the contact email from the Guide or Readme if you don’t want to post it here, in a public place.

Regarding the error, what this basically means is that the file that processes the contact form, named “contact.php”, has not been found. Either it has not been uploaded or its path has been changed, in which case the URL needs to be updated in the action attribute of the <form> element.

Thank you!

It is no problem, that is why support exists, to help people solve any issue that they have and make sure everything is functioning well.

I opened the page and looked over the source code (Ctrl+U). There is a problem with the JS build code that you have:

jQuery(".super-sidebar").superSidebar({
    // Main
    position: ["left", "center"],
    offset: [0, 0],
    buttonShape: "round",
    ...
});

You have copied this from the guide. The ”...” is not valid JS code, it is there only in the guide to mean that there are more settings below.

Copy all of the settings from one of the HTML example files and do not use ”...”.

You have also mentioned a conflict with jQuery and this is true. You have jQuery multiple times on the page and this creates a problem:

First time it is added on line 22, then on line 26, the sidebar JS file is added, which is a plugin code to jQuery. Then on the bottom of the page, jQuery is added again on line 551. This overrides the preview code, including the sidebar plugin code that was added and when you try to call the “superSidebar” function, it will give and error saying that the function does not exist.

The fix is simple and we just need to rearrange things around. First of all, remove the jQuery line from the ticker assets code, as it is not needed since you already have jQuery on the page:

<script src="super-sidebar/js/jquery-3.2.1.min.js" type="text/javascript"></script>

Second, take the sidebar JS file and move it and the bottom of the page, after your jQuery file is added:

<script src="super-sidebar/js/jquery.super-sidebar.min.js" type="text/javascript"></script>

I am not sure how your page builder functions and how much control you have over it but try to position these files in order and it should work. After making changes, you can go to the page and press Ctrl+U to view the complete source code of the page and see in what order the files are and also F12 to open the browser Developer tools and see if there are any errors in the console.

Let me know how it goes and I will look over the page again to see if everything is right.

It worked! Thanks a lot for your attention!

Thanks for the report. I will send a DMCA takedown notice.

All of the needed files are included in the archive downloaded. The sidebar files include HTML, CSS and JS files.

thank you for your reply, but how many is my question.