Discussion on Sigma — App Landing Page HTML Template + Stylish Cost Calculator

Discussion on Sigma — App Landing Page HTML Template + Stylish Cost Calculator

Cart 562 sales
Well Documented

Aspirity does not currently provide support for this item.

76 comments found.

Hi there, I just sent you an email. Thanks to let me know. Regards

Hello!

We’ll contact you via email asap.

Best regards, Aspirity

Hey! I bought your theme. For some reason the icons. ie., the burger menu icon and the social media icons aren’t popping up. I checked your current uploaded demo, and it’s the same issue there.

Any insight about this would be helpful!

Regards, Sachin K R

Hello!

There are material icons in this template. They are connected via cdn: https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css. For some reason, the file doesn’t download on your browser. Try to open the site on other devices or to download css-file and use locally.

Best regards, Aspirity.

I have 2 questions:

i) The ‘Navigation panel with images’ line is not responsive. (Only the content in the carousel are). The nav overflows and side scrolling is needed.

2) Where and how do I get similar new icon images for the navigation panel? are these custom?

Also for the navigation panel, the icons have a viewBox of “0 0 120 120”. Are they taken from materialdesignicons? (which has a viewBox of ””0 0 24 24”)

Hello!

1) This navigation works correctly and has swipe function for horizontal scrolling.

2) These icons are custom and they are created by our desiner. Try to find something similar here www.flaticon.com.

Best regards, Aspirity

Is it safe to use with bootstrap? Is it designed keeping that in mind? I wanted to use an input group.

Hello!

We can’t give a guarantee that bootstrap doesn’t break styles. You can try to include it before other .css and probably it’ll work.

Best regards, Aspirity.

Hi,

Would it be hard to add a slider on the calculator page ?

Hello!

It depends on your skills. You can find examples of sliders here: https://jqueryui.com/slider/#rangemax Best regards, Aspirity.

Hi! How does this theme handle the responsiveness? Is it using dedicated library/framework? Thanks!

Hello!

This template is based on own styles and there is no library or framework for responsive here. It is responsive for all devices.

Best regards, Aspirity.

Hi, I try to update some css, and the change is ok in main.css but is not ok in the different theme. Is it something more to do to get the change in scss updated to all the css ?

.svg or .psd

To remove the sigma logo, please find the .psd file (“01_home_page_mobile_app” for example) in the folder “PSD Template” and open it. Then find the smart-object “Ballon” and open it. In the new window you can delete the logo, as well as make any changes you want. After all necessary changes, save the smart-object and export it in the required format.

Please let us know if this advice has helped.

damn, should have think about that :) thanks a lot !!

please excuse my trivial question, but why are the headlines begining at

level? personally, it does not bother me at all, but some seo-tools always criticize the missing

... thank you!

Hello!

Sorry, it’s obviously the lack of our template. You can easily fix this problem. Change H2 to H1 and add next styles in ‘template/assets/scss/components/main/header-home.scss’:


  .header-home__title {
      font-size: 48px;
      line-height: 72px;
      font-weight: 200;
      color: $color-text-title;
  }

or add in css-file this code:


  .header-home__title {
      font-size: 48px;
      line-height: 72px;
      font-weight: 200;
      color: #4c6280;
  }

Best regards, Aspirity.

hi and thanks a lot, but unfortunately i have to say: it does’nt work (for me). have you tested it? depending from the window size, after the modifications the headline “crashes” with the header image on the right. are there any differences for my version 1.2? (you can find my installation here: alfonsapp.de) i don’t understand the relations between the .header-home__title and h1/h2, too? best regards, stoltenberg.

Hello!

For mobile view add also next code:


@media screen and (max-width: 480px) {
    .header-home__title {
        font-size: 36px;
        line-height: 54px;
    }
}

What about the relations between the .header-home__title and h1/h2 it’s a class name for a heading tag. If you want to change the tag you should replace h2 with h1 and add the styles above for .header-home__title to save the style of the heading for the header.

Best regards, Aspirity.

Hi..I am using your template for a website: www.quest2travel.in The website is working fine but unfortunately it’s not coming proper in Internet Explorer (Note: Microsoft Edge its coming fine…but in Internet Explorer its not coming proper). Can you please help. Link: quest2travel.in

Hi! To correct the logos from About page add that style: .logo .logo__img{ width: 100% }

IE has problems with .svg background, so you should open the .svg in a code editor and add into the svg tag width and height attributes (similar to viewbox attribute)

Or you may replace .svg with .png or .jpeg.

If our advice is helpful, please rate us.

Best regards, Aspirity.

Hello, The form is being send but there is not any success message for the user. I have added it to the mail.php but it didn’t show any success or false message.

if( mail($emailTo, $subject, $body, $headers) ){
    $mail_sent = true;
    echo 'Mesajınız Gönderildi! Teşekkürler.';
} else {
    $mail_sent = false;
    echo 'Mesajınız Başarısız, Lütfen boş alanları doldurunuz.';

What should i do for showing a success message or redirecting to a success page. Also tried to redirect if it is success but also not worked.

Hi! Open file form.js and find a function submitForm(e, formName). You can find success and error callbacks there.

You can write everything there: $.ajax({ type: 'POST', url: 'mail.php', data: formData, success: function () { console.log('success'); //... }, error: function () { console.log('error'); //... } });

Best regards, Aspirity.

I’m having bad time to change a logo, please let me know how can i ? which file i need to replace?

Hi! You have two ways:

1. Use svg which you could made in a graphic editor or download from the Internet. You should open your svg-file in a text editor and copy the code then paste the code into <svg></svg>.

2. You can use images in .png or .jpeg formats, but you should replace “svg” tags with “img” and correct some css styles. Regards, Aspirity.

Hi..I accidentally purchased this just now. I am not looking for this theme. I would really like if refund for this is possible. Would really appreciate it. Cheers!

We’re sorry, but we can’t give you a refund due to refund reason.

Please, see Envato market refund rules (section “why a refund may not be given”) for more details:

https://themeforest.net/page/customer_refund_policy#not-refundable

Best regards, Aspirity.

Hi there. Some documentation of the SCSS-part would be great. I’m using CodeKit for compiling and i ask myself: Should the /css folder freshly build via the compiled /scss folder? Or adding/overwriting the /css-contents with the cpmpiled /scss-files? Or compiling the main.scss only? While compiling there are many errors, which I can’t fix? (For example: „Libsass: Error: Undefined variable: ”$font-size-btn”. on line 71 of …/HTML Template/assets/scss/components/mobile-menu.scss >> font-size: $font-size-btn; ---^“) Thank You!

Hello!

You need to overwrite css file, because we only overwrite this file after scss compilation. Compile only main.scss, because it has all neccessary imports. CodeKit cant handle imports (https://codekitapp.com/help/sass/ ), then you should handle it by yourself. It is because our processes adapted only to gulp-sass, which can hanle all imports.

Best regards, Aspirity.

Great work there ! But how difficult would it be to integrate this template in wordpress ?

Thank you so much! We’re planning to make the wp-version of the Sigma in this year.

Regards, Aspirity.

when will the next update?

Hi!

We’ll update the Sigma as soon as we find bugs and fix it.

Do you have any suggestions to improve the template?

How do I override the css for code blocks? I’m trying to add three backticks and nothing is happening. Where is the css to modify or

 in order to enable code blocks for programming languages and/or code. Thanks

Hello. To highlight the code you should use a plugin, for example: https://github.com/google/code-prettify. You can find the how-to-use instruction of the plugin in the Sigma documentation.

Best regards, Aspirity.

Thanks that worked

We’ll appreciate you rate our support with stars if the advice was useful.

Best regards, Aspirity.

Hi. Is there a blog and post design or html included? If answer is no, are you planning for it? Thanks and congrats for this nice design.

Hi! Thank you. We are planning to make a blog for the Sigma in month or two. Regards, Aspirity.

About the pricing HTML. I saw you create 4 columns. How can I create 3 columns only?

I do not find what you shown here. But I find below for the 4th column disable pricing__plan-last”>

And I do not ask you to write me new codes. All I ask you to show me how to use 3 columns only in pricing section.

You have to understand that not all of the pricing using 4 columns. It is common sense to have some sort of simple instruction or css class to show how to use from 1 to 100 columns.

using class=pricing__plan pricing__plan-disable pricing__plan-last

If you mean the row pricing pricing--common class, you should remove the last column (pricing__plan pricing__plan--disable), set the width 33.333% for pricing__plan class and edit the js code in the pricing.js.

Also you should remove the <li class="ui-slider-point" /> and set the width 33.333% for “ui-slider-point” class.

can you help me with image? I see <svg></svg> everywhere on html page, and I need to modify those images…What should i do?

Do you have svg images? Or only jpeg/png?

your template has svg. that is what I use now

You have two ways:

1. Use svg which you could made in a graphic editor or download from the Internet. You should open your svg-file in a text editor and copy the code then paste the code into <svg></svg>.

2. You can use images in .png or .jpeg formats, but you should replace “svg” tags with “img” and correct some css styles.

when you release wordpress ?? please its request to release in wordpress

We’ll think about it. Best regards, Aspirity.

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