308 comments found.
Thanks for Sandbox – it’s a great theme and easy to work with. I am having a problem with the breadcrumbs on contact.html. If the breadcrumbs are too long on a mobile phone, they become left justified instead of centered. Any idea why?
Hi,
To make the breadcrumbs centered, please add .justify-content-center class to the .breadcrumb ordered list as follows:
<ol class="breadcrumb text-white justify-content-center">...</ol>
Worked perfectly! Thanks for your help.
hi just a question, can the shape dividers (specifically waves) be at the top of a section instead of the bottom? Thanks.
They mostly should work on top as well. Depends on the shape really. Also you may need to change the color depending on the section that follows. You can use text-* classes for this.
Do they have to be inverted vertically? I’ve tried to use as-is at the top of a section but waves are downward facing, not 100% how to accomplish this.
That’s why we used the term mostly. The elements that do not function as intended need to be inverted in the SVG file, which, unfortunately, cannot be achieved through CSS. However Wave 1 and Wave 2 are opposites of each other. If the one you’re currently using is one of those, you can try switching to the other one and see if it resolves the issue.
Hi, The last update in the file description appears to be 26 June 2023. The latest version is v3.3.0 – 11 February 23 in the downloaded file. Which one is right?
Latest update was a quick documentation update. We haven’t altered any template files. The latest version is v3.3.0 as mentioned in the changelog.
How is the contact form configured so that there are no problems sending and receiving emails since it is an HTML template?
Hi,
Thank you for your interest in Sandbox. PHP is included for the contact form to function.
Hello, my budget is a little low. Can you make a discount on the theme?
?
Thank you for your interest. Offering a discount is not currently part of our plans. However, our theme is priced exceptionally low compared to similar ones, which is why we will be increasing its price within a week.
I’ve been using this theme for some time and a few weeks ago the info button menu stopped being displayed. I looked for errors in the code that could have generated the problem but I didn’t find it. By clicking on button (i) the menu appears and disappears very quickly. Can you help me? www.dinizwebmaster.com
Hi,
The following CSS code you have on your page prevents the offcanvas from working properly. Removing it will solve the issue:
<style>
.show {
display: none;
}
</style>
<button class=”hamburger offcanvas-nav-btn” style=”user-select: auto;”> </button>
Can we make this appear on the left instead of the right?
Hi,
Just to be clear, do you want to switch places of hamburger menu and the logo on mobile? Could you tell us which demo are you using so we can explain the steps accordingly?
I’m using demo14 & demo17.
Like this picture,
https://drive.google.com/file/d/1vskHEUV3TG28u6cetcjvhpaLN7TkUKbq/view?usp=sharingDemo 14 and 17 are already like your example picture. We couldn’t understand what changes do you need. Could you please elaborate? Thanks.
This is my current homepage.
https://drive.google.com/file/d/117oSde24L2lieyFw_TWMyvIlK4PxybIu/view?usp=sharingThis is the location of the hamburger menu I want. (Left)
https://drive.google.com/file/d/1jI-kZmoQ3ZOFpEqOlBXrN8cozvd3F8RJ/view?usp=sharingIs this possible?
To achieve this please add the following code right before .navbar-brand in the header:
<button class="hamburger offcanvas-nav-btn d-lg-none pe-3"><span /></button>
so together they will appear like this:
<button class="hamburger offcanvas-nav-btn d-lg-none pe-3"><span /></button> <div class="navbar-brand w-100"> ... </div>
And remove the existing burger icon from navbar which is the last item in .navbar-other div.
wow~~ beautiful~ thanks u
how do i turn on dark mode ?
Hi,
Dark mode option is currently not available.
Hi, Do you have any pricing table designs that cater for a “Best Value” or “Most Popular” option, where once choice is heavily formatted to stand out from other choices? It could be taller, heavier shadow, coloured outline, have a badge or a ribbon on one column to stand out from the others? thanks Nick
Hi,
You can browse through all the available pricing table designs on this page: https://sandbox.elemisthemes.com/docs/blocks/pricing.html
Sure, I’m aware of that, but there are no designs set up on this page to provide a “Best Value” or “Most Popular” layout. Does Sandbox have any designs that provide such features? or can you advise how to create such a design from the features Sandbox has? If you were to create some examples with your extensive Bootstrap knowledge, I’m sure many customers here would be very grateful. Thanks, Nick
The pricing examples already include features to help certain choices stand out using different color and size. To further highlight a specific option, consider adding a badge (https://sandbox.elemisthemes.com/docs/elements/badges.html) on top of the pricing box. For example, you could use a badge that says “Best Value” or “Most Popular,” similar to this example: https://uicreative.net/wp-content/uploads/edd/2019/10/pricing-table-best-price-options.jpg
That’s a good idea! I’ve just tried to position a badge above the price field, but I can’t get it to centre align or position higher up. Do you have any tips?
Any ideas?
Can you provide a link so we can take a closer look?
Thanks – https://www.propertytours.com.au, click on the Prices in the menu and you can see the badge on the $499 option.
sorry, to view the link, please delete the ”,” in the URL
To center and position the badge higher, please try wrapping the badge with another div as follows:
<div class="text-center mt-n6 mb-5"> <span class="badge bg-primary rounded">Best Value</span> </div>
You can increase or decrease margin values depending on how you want it to look. Negative margin top class is to position the badge higher up.
That’s great – many thanks for your help. I did notice that when I add a background colour to one of the cards (e.g. the one with the “Best Value” badge), the shadow disappears. Can you tell me how to get the shadow back?
To bring the card shadow back, you can remove or comment out the following CSS code in style.css:
.card[class*=bg-] {
box-shadow: none !important;
}
Additionally, if you want the colored card to have the same bordered shadow as the card next to it, you should remove the “shadow-lg” class from the colored card.
Many thanks, great support!
Btw, do you have a date for the next update?
We plan to make an update, but it won’t be soon. Unfortunately, we’re unable to provide a timeframe at this moment.
Hi Guys, do you know when the next update will be available? Really interested to see the cool, new designs & features you’re working on. Many thanks, Nick.
Hi, Need Support. How do I separate template wise css and js code??? Urgent response needed
Hi,
We’ve just replied your email.
Thanks. I also replied your email. Please Response.
Hello! There was a problem creating MegaMenu according to your instructions. Please point out the error. I am attaching a link to the site and video of this problem.
https://disk.yandex.com/d/LcxBokr0lxIV0A Problem page: https://head.z-webstore.ru/ Video screen problem https://youtu.be/7RXb1LlIDScI’m really looking forward to your reply!
Hi,
It seems that you are referring to the Wordpress theme, which was created by OceanThemes and not by us. While the code works properly with the HTML version, it appears to be encountering issues with the Wordpress version. If you have any questions related to the Wordpress version, we recommend that you reach out to the author of the theme directly at https://themeforest.net/item/sandbox-modern-multipurpose-wordpress-theme/41737847/comments
You are wrong. I created an html sandbox especially for you so that you can look at your template using your instructions, without Wordpress.
Please show me where I made a mistake, I did everything exactly according to your instructions.
https://sandbox2023.z-webstore.ru/We’ve just replied your email.
If anyone needs Bootstrap NavWalker Wordpress For the Sandbox theme, download the link from my repository
https://github.com/codeweberdotcom/bootstrap_navwalker_5-_for_sandbox_themeI am also attaching the Html code Multilevel Menu fo Sandbox Theme
https://pastecode.io/s/x1kxxcezI want to use this template to present an interactive prototype for SASS to the end users and receive feedback from users.
The feedback from the users will include: users email and written message about the interactive prototype, and some sort of like button.
Which license should I acquire for this purpose?
I will be creating my own backend app to collect the feedback data
Also please let me know if I’ll have to remove stuff like images and other stuff etc… from the template to avoid copyright issues
Thank you for your interest in Sandbox. We’re not entirely certain which license would be most suitable for your project. Perhaps it would be best to inquire with Envato directly, as they may be able to provide more clarity on the matter. You can find information on the sources of the assets in the help documentation provided here: https://sandbox.elemisthemes.com/docs/credits.html#snippet-2 . To learn more about the specific licenses for each asset, you may need to visit their respective websites.
How to make a menu item stay active ? to show the current site location
Hi,
Adding an “active” class will highlight a menu item. Example can be seen on the onepage demo: https://sandbox.elemisthemes.com/onepage.html
Hello,
We have sent you a message on your profile regarding to Drupal conversion of Sandbox.
Could you please check your message?
Thank you
Hi,
Thank you for contacting us. We have just replied to your email.
Perfect Theme!!! When a Shopify Theme of sandbox? 
Hi,
Thank you for your interest in the Shopify version of Sandbox. Unfortunately, we do not have any plans to release a Shopify version. However, if you are interested, Wordpress version of Sandbox is available that may meet your needs: https://1.envato.market/0Jg6NN
Awesome template. Perfect attention to details. I want to know if you can share a code and its destination to put it, so that the form after submit can redirect to a thank you page.
Thank you for your interest in Sandbox and your positive feedback. However, we regret to inform you that the contact form included in the template does not have this functionality.
Hi, I just bought this item. Beautifully done and a great taste in design. My respects.
I have a question about the template «demo31.html», the pictures that you use there is free to use? they are wonderfull, can I use in a comercial website? thanks!
Hi,
Thank you for your kind words. The source of the illustrations can be reached at https://iconpark.oceanengine.com/illustrations/9
Hi, I’m planning a new site that I want to build based on this Sandbox theme. I have bought it, and now I have to decide what technologies sould I use in this project. I want to use Vue framework to build this site, but I’m not sure Sandbox can work with Vue. Have anybody any experience in using Sandbox theme with Vue framework?
My plan is to build all of neccessary html pages, and build with gulp first. And after this I will build my site with Vue based on generated files. ... But I’m not sure this plan will work.
Thanks for your help!
Hi,
You appear not to have purchased the HTML version of Sandbox. Are you referring to the React version? https://1.envato.market/4e4Man If that’s the case, you may want to contact the React version author as we are not familiar with the Vue framework. Unfortunately, we won’t be able to provide you with any guidance on this subject.
Hi, the bootstrap css is embedded in the project? If yes then how can I exclude the included bootstrap css and use their CDN instead ?
Thanks!
Hi,
To exclude Bootstrap from the template using Gulp, you can follow these steps:
1. Locate the file src/assets/scss/style.scss, which contains the SCSS import for Bootstrap. 2. Remove or comment out line 33 which references Bootstrap using the @import rule. 4. Save the modified file. 5. Recompile the SCSS files using Gulp to generate the updated CSS styles for your project.
You can find detailed information on template’s file structure and Gulp commands in the documentation: https://sandbox.elemisthemes.com/docs/index.html
Thanks! now I understand what Gulp does, never used it. 
Hi Guys, fantastic update as always. I notice that when browsing on iPhone, your main landing page doesn’t move left or right as you scroll, but if I load demo 30 on the iPhone and drag left or right then the whole page moves which is a bit unsettling. How would I change demo 30 so that it is fixed as in your main landing page? Thanks Nick
Hi,
Thank you for letting us know. We’ve identified the cause of the horizontal scrolling issue – it’s the blurry gradient effect beneath the pricing table and testimonials in demo30. To fix this on mobile, we recommend adding the “d-none d-md-block” classes to the wrapping “position-absolute” div of blurry.png in these sections.
Btw, under text highlight, didn’t you previously have a hand drawn circle? I can’t see that now?
It’s hidden on screens below 1400px. You can enable it by removing the following CSS:
@media (max-width: 1399.98px) {
.underline-3.style-1:before,
.underline-3.style-1:after {
display: none;
}
}
Thanks. Keep up the great design & innovation. As all great design companies, you probably don’t get thanked enough, but there are a lot of grateful people out here, and I’m one. And please increase your prices! Sandbox should have another zero on the price!
Thank you for your kind words. Your encouragement inspires us to continue improving and doing our best.