Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

By
Cart 7,422 sales
Well Documented

elemis supports this item

Supported

This author's response time can be up to 2 business days.

308 comments found.

Is it possible to move the top hamburger button to the left in demo24.html?

It should be possible but we need a little more info. Where exactly do you need it? Next to the logo or to the left of other icons? We’d be grateful if you could provide us with a screenshot. Thanks.

Add the following code right before .navbar-brand div:

<div class="d-lg-none me-4">
<button class="hamburger offcanvas-nav-btn"><span /></button>
</div>

And also make sure to remove hamburger .nav-item from .navbar-other to avoid duplication.

Hello. Is there any way display images in same height in the lightbox gallery?

Hi,

Could you please provide more details? Which lightbox gallery are you referring to? Thanks.

https://sandbox.elemisthemes.com/demo24.html

Gallery in My Selected Shots section.

To achieve a same height appearance make sure to use images with the same width and height in the gallery. Unfortunately the isotope gallery script doesn’t have the ability to automatically crop images to match the height.

Hello I have problem with smothScroll if ankor locateв inside few tags

Example: <section> <heading> <h2 id="ankor">title</h2> </heading> </section>

How I can resolve it?

We checked the anchor in Sandbox demo and found it works fine on elements other than the section. Also when we copied your body HTML code to a fresh Sandbox HTML file, your h2 anchor tags worked well there too. It’s likely that something in your setup is affecting the anchors. Please try testing it on a fresh template copy.

Unfortunately, there’s no option to set individual offset values for anchors.

I also have done an experiment and found out that the cause of the problem is in the HEADER tag inside the SECTION block. I checked this on your template. Try pasting it into your template: <a href="”#anchor”" class="“scroll"></a> <section id="anchor"> <header> <h2>title</h2> </header> </section>

When we test the code you last shared on a fresh copy of Sandbox, the scroll works properly:

<a href="#anchor" class="scroll">TEST</a> 
<section id="anchor">
 <header>
  <h2>title</h2>
 </header>
</section>

It’s likely that something in your setup is affecting these anchors.

hello. Your theme is very cool. However, can you provide navigation so that it can be operated with a keyboard?

Thank you for your interest in Sandbox. Unfortunately, incorporating keyboard navigation is not currently part of our plans.

How will I update my current website when new version will be released?

Hi,

Please check the changelog at https://sandbox.elemisthemes.com/docs/changelog.html for the most recent updates and modified files. If needed, replace the altered files accordingly.

Does this have some sort of Theme Customizer? Like Dark Mode for example?

Thank you for your interest in Sandbox. Unfortunately dark mode is not available in the template.

I have a backend that uses the TinyMCE editor. Is this template compatible with the html produced by TinyMCE?

We appreciate your interest in Sandbox. Unfortunately we haven’t previously tested the compatibility of TinyMCE with Sandbox. Therefore we cannot confirm its compatibility at this time.

Hi, is there a way to add Unicon icons? I’m looking for the X icon to replace the Twitter icon and also a Spotify icon.

Nevermind, I was able to add the missing icons using Fontello.

Hi, Do you have any documentation that explains steps to use this with django ?

Hi,

Unfortunately we don’t have a documentation for using Sandbox with Django, and Django is not within our area of expertise.

I renewed my payment

Could you email me your answer?

I’m looking to create a main screen using DEMO12.

I want the top menu to span the entire width.

In the center, there should be a logo, and on the right side, there should be Instagram, YouTube (with some space), and a language switch button.

Below that, I’d like to have menu buttons aligned in the center.

Can you implement a logo image and centered menu?

Please reply by mail

As mentioned earlier, our support does not cover custom modifications. While we do assist with minor adjustments, the change you’re requesting is quite complex, and it falls outside the scope of our support. You can initiate a refund request for the support renewal by visiting this link: https://themeforest.net/refund_requests/new Thank you for understanding.

I’m looking to create a main screen using DEMO12.

I want the top menu to span the entire width.

In the center, there should be a logo, and on the right side, there should be Instagram, YouTube (with some space), and a language switch button.

Below that, I’d like to have menu buttons aligned in the center.

Can you implement a logo image and centered menu?

Unfortunately your request falls into customization category which is outside the scope of our support policy. Our support only includes fixing bugs and answering questions related to problems with the included features in our items. Providing customizations to items is unfortunately not part of our support. Thank you for understanding.

I renewed my payment

Could you email me your answer?

Hi. I just installed the template via npm and getting a few vulnerabilities (41 vulnerabilities (11 moderate, 27 high, 3 critical)). Do you have any documentation to address these?

Hi,

Thank you for purchasing Sandbox. First of all please make sure you use the latest version of Sandbox with up to date nodeJS. The warnings are related to some development dependencies for gulp in npm install and are not directly related to the template itself or its components and doesn’t effect/ break it and can be ignored since you get the warnings on a local environment.

Good afternoon I sent a request yesterday via the application form, but have not yet received your response.

Problem: I am using ajax to load images, but there is one problem, the glightbox script is initialized when the page is loaded, so when new data is loaded via ajax – glightbox does not work. How to re-initialize scripts without reloading the page.

Unfortunately our knowledge is extremely limited on this. So we are unsure about what specific code to offer. Since lightbox is already defined in js/theme.js as follows:

theme.lightbox();

Something like this might work again in js/theme.js:

$.ajax({
    success: function(data) {
        $('#your-container').append(data);
        // Reinitializing
        theme.lightbox();
    },
});

Please add builtin slider and gallery page, overall great theme

Thank you for choosing Sandbox. Could you please provide more details and examples about your request? Not sure if we understand what you mean by built-in slider and gallery page. Thanks.

The ✨ spark icon has become a popular choice to represent AI. I can’t see it, or the “Wand” icon, in those provided by default within Sandbox. What is the best way to access this icon and use it on my Sandbox pages? Thanks Nick

Many thanks.

Btw, demo 33 uses the timeline feature. Can you please let me know where in the documentation this feature is discussed so I can see its options? Many thanks, Nick

Hi,

Timeline element is basic HTML and CSS and it doesn’t have options beyond what is shown on demo 33. You can reach its snippet from Blocks > About in the documentation.

Hello is there a way to add bg color to desktop menu dropdowns but not have the bg color show in mobile menu? As-is the white dropdowns are sometimes hard to see on white page background. I tried ul class=”dropdown-menu bg-pale-grape” and it works fine with dark text but then on mobile menu the text is white and hard to see with that bg color showing.

I see “dropdown-menu-dark” in style.css, should that be applied like this <ul class="dropdown menu dropdown-menu-dark" />

Figured things out, I changed—bs-dropdown-bg and—bs-offcanvas-bg and got all my colors to match. Peace =)

Hello!

I have purchased another theme, and the demo files of it were broken, so I decided to find another theme, I was searching for themes who have marketing demos and I really liked Sandbox, because I was hurrying up to find the theme for my website, I liked its demo content and I didn’t check good that it’s not a WordPress Theme, after the purchase I realized that it’s not the WordPress Theme, and I saw that you can’t make refunds for orders that were made by mistake, but I saw that you also have the WordPress theme, and I would like to ask one more time if there is any way for me to get refunded for Bootstrap 5 Template and pay the Bootstrap WordPress Theme?

Thanks, Sead

Hi,

We’ve just replied your email.

When do you plan update to bootstrap 5.3 and add dark mode ?

Hi,

We’ve just recently upgraded to Bootstrap 5.3 but decided not to include dark mode due to compatibility issues. Ensuring a seamless user experience remains our priority.

Hi,

How can we make datepicker for form ?

Hi,

You can follow this example on CodePen https://codepen.io/2kool2/pen/dyzbmaN as a guide on how to integrate a datepicker into the Bootstrap 5 form. Make sure to add the new field into fields line (25) in php/contact.php to have the date in the form’s submission results after the user submits it.

Do you have any .psd of this theme?

Hi,

Sandbox doesn’t have any design files. It was designed directly with HTML. You can reach the resources of mockups (psd) used in the template from the documentation though: https://sandbox.elemisthemes.com/docs/credits.html#snippet-2 scroll down a little bit for mockups.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey