Discussion on Enar - Responsive Multi-Purpose HTML5 Template

Discussion on Enar - Responsive Multi-Purpose HTML5 Template

Cart 795 sales
Well Documented

IdealTheme supports this item

Supported

198 comments found.

Hi. I have purchased this fantastic template. However I looking to change color setting but not find any css for color theme. Please help me on this. Thanks

Hello :)

Thank you so much to interest and purchase Enar theme!

You can change the main color by replace the new color value with the main color value!

- Open the main css file located inside ( enar/css/style.css )
- Search about ( #1ccdca ) and replace it with your new color value.

Regards, Haamdan

Hi I am planing to buy the template HTML5 version and have a query, will the inner pages like about us, careers, services and contact us included in the bundle which we buy? Tx Ananth

Hi Ananth,

Sure!, All pages that you see in the demo is included in the package you will download after purchasing the theme :)

Regards, Hamdan

Hi, I want to know how to configure the contact form. I’ve changed sendemail.php file, however it not works. Thank you in advance.

Hi,

Thanks for purchasing Enar!

- You need to upload your files to a domain to get it works.

- Go to the spam folder, some times the mails will go to the spam folder.

- Change my mail with yours inside the php files.

Regards, Hamdan

196113d4-e94d-4733-94ab-78d2efdcd7e6 – 26 May 2015 REGULAR LICENSE

Hi I have an issue with the Isotope filter and trying to figure something. I use this filter on a few pages like my faqs. I know you can somehow set the default selected filter using filter: ’.someclass’ but because of how the functions.js is written I can’t get it to work, I need to add it where it is initialised in $container.isotope({ }); somehow. I’m not using the masonary style.

Any ideas for me to set one of the FAQ categories as the default selected filter on page load?

Thanks

I bought an Enar theme for Opencart one year ago under the license no. 505233-AE5311-9078 But, I couldn’t use it because I have the following problem: If I uploaded any image in any module (Slider or Revo Slider or ..): The image container still blank for ex. “Section background: Blank” and I tried to use the default image manager of Opencart the selected image appear in its icon But when I click to save the image disappear again and return to blank again! Please help me if you have an update or solution for the image manager++

Hello!

Unfortunately i’m not the Opencart version author! :(
Also i don’t have any experience in Opencart cms

Sorry for that, but i think i can’t help you with this issue :)

You can add a comment here to ask the Opencart author for this issue https://themeforest.net/item/enar-multipurpose-creative-opencart-theme/14030043/comments

Regards, Hamdan

Hi, I just wanted to know if it’s possible to change the class selected from the FAQs page (http://www.enar.ideal-theme.com/html5/page-faq.html) using an anchor. What I mean is… I have a FAQs and I want it to display a certain filter when I click on a link on another page (i.e. design), but to show all the answers by default. I do not know if it’s possible or easy to do it like this. Anyway, thank you for your help! I appreciate it.

Hi,

I have bought your really great theme Enar and it works really good. Only one thing doesn’t work. All the icons are not vertical centered. What can I do to solve this problem?

Thanks for your help.

Best regards

Joerg

Hi Joerg,

Thank you so much to using Enar :)

Please send me the link issue, or a screenshot to can understand what do you need!

Regards, Hamdan

Another question… Is it possible to have a mega menu that has only 1 column inside? I really like the switch effect for the options and it would be a great addition to the menu (we have too many submenus and some of the options get cut off at the far right), but I only need 1 column, not the full width. I am not sure if I am making myself clear. Anyway, thanks again for your help and your great work.

Hello @AriadnaOnibokun

Sorry for my delay, and for my bad English language!
But I think i deserve $1.99 for this laughing :D LOL

This type of menus will make more issues, but i trying to see the screenshot of image here https://pl.vc/xjh0l but it doesn’t work :D

Please upload the image again :)

All the best, Hamdan

Lol! You are really worth it! Anyway, try with this link and see if it works now: http://ariadnadesigns.com/images/screenshots/screenshot1.jpg And let me know as soon as you can :). Thanks again!

Hello Ariadna

This will need custom css, please send me your site link using my support form here https://themeforest.net/user/idealtheme and i will send you the new css that will fix the issue :)

All the best, Hamdan

I purchased this theme. I am using the boxed site and I was wondering if it’s possible to have the sticky menu stick to the width of the page instead of going full width. I found out the css code that needs to be changed (.sticky_menu #navigation_bar), but then when I resize the screen it goes back to full width. Thank you for your support and your great work.

You are very welcome @AriadnaOnibokun :)

I only have another small problem with this issue… If the screen gets resized, the sticky menu bar still overflows the width of the boxed content. I tried adding @media css exceptions but it doesn’t seem to work. Sorry again for disturbing… :)

Please add the following css code!

#navigation_bar {
    margin: 0 auto;
    max-width: 1168px;
}

@media only screen and (min-width: 640px) {
    #navigation_bar {
        margin: 0 auto;
        max-width: 748px;
    }
}

@media only screen and (min-width: 992px) {
    #navigation_bar {
        margin: 0 auto;
        max-width: 968px;
    }
}

Regards, Hamdan

Please delete. Posted in error…

Hello there,

first of all good job on the theme and i did the right decision chosing this. i just have one question.

i would like to run it in box mode which is possible. further more i would like to add a background image or a pattern to the outside of the box div. im afraid i will messup some css features so thats why i ask. is it possible? maybe you can guide me with a little hint or a little code in the right file..

thanks in advance. marcus

Hi Hamdan, thanks first of all for the quick reply. I uploaded a screenshot because i only have it on localhost for development.

https://picload.org/image/rlorwwia/bg.jpg

just ignore the slider i just made it for showing it to you. I use the index3.html

Thanks in advance ! Best regards Marcus

Hi Marcus, you are welcome :)

Unfortunately the image here is not loading https://img1.picload.org/image/rlorwwia/bg.jpg

Please paste the following code, and replace the image path with yours!

#main_wrapper{
    background-attachment: fixed;
    background-image: url("images/image-name.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.bg_gray {
    background: none !important;
}

Regards, Hamdan

Thanks for your help and sorry for my late answer. Problem solved. Another time :)

Hi,

How do I change the default turquoise colour for links and highlights to a different colour? I’d like to use maybe a green that will match my logo.

I can’t find where in the CSS.

Thanks

Cziffra

Hello Cziffra :)

Please search about the default color ( #1ccdca ) inside all ( CSS ) files, and replace it with your new color value!

Don’t forget to take a backup before replacing the new color, ( also make sure that the color is made up of six digits or letters after the Hashtag )

Regards, Hamdan

Hello! How can I make adjustments to the alignment or font size on the slide revolution? On the third slide there is a lack of alignment between the bookmarks and the text in the mobile. I also find the slide text for mobile very small. I noticed that it is done by script using style. Is there any way to fix this?

http://mobiletest.me/iphone_5_emulator/?u=http://www.enar.ideal-theme.com/html5/index.html

Hello!

As you said :) it is done by “revolution slider” script, but there are a static css that will fix the issue, using media query for the mobile version.

You need to add a custom class, for example ( .rev_your_class ), then add the custom style to change the font size as the following:

@media screen and (max-width: 480px) {
    .rev_your_class {
        font-size: 15px;
    }
}

All the best, Hamdan

ok thanks for the nice theme . but i think i found a bug . i am using this template

http://www.enar.ideal-theme.com/html5/index-header-side.html

i am using only one slide from the slideshow and the text on the slide is not appearing ..

here is my code

<!doctype html> <!-[if lt IE 7 ]> <html class=”ie ie6 ie-lt10 ie-lt9 ie-lt8 ie-lt7 no-js” lang=”en”> <![endif]-> <!-[if IE 7 ]> <html class=”ie ie7 ie-lt10 ie-lt9 ie-lt8 no-js” lang=”en”> <![endif]-> <!-[if IE 8 ]> <html class=”ie ie8 ie-lt10 ie-lt9 no-js” lang=”en”> <![endif]-> <!-[if IE 9 ]> <html class=”ie ie9 ie-lt10 no-js” lang=”en”> <![endif]-> <!-[if gt IE 9]><!-> <html class=”no-js” lang=”en”> <[endif]—> <!- the “no-js” class is for Modernizr. -> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!- Important stuff for SEO, don't neglect. (And don't dupicate values across your site!) ->
<title>BP&CC Automation Portal</title>
<meta name="author" content="" />
<meta name="description" content="" />
<!- Don't forget to set your site up: http://google.com/webmasters ->
<meta name="google-site-verification" content="" />
<meta name="Copyright" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!- Use Iconifyer to generate all the favicons and touch icons you need: http://iconifier.net ->
<link rel="shortcut icon" href="images/favicon/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/favicon/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-touch-icon-152x152.png" />
<!- concatenate and minify for production ->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/animate.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/icon-fonts.css" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel=’stylesheet’ type=’text/css’>
<link href=’http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel=’stylesheet’ type=’text/css’>

</head>

<!- Class ( site_boxed – dark – preloader1 – preloader2 – preloader3 – light_header – dark_sup_menu – menu_button_mode – transparent_header – header_on_side ) -> <body class=”preloader3 light_header header_on_side”>

<header id=”site_header”> <!- End topbar -> Enar Logo Enar Logo <nav id=”main_nav”> </nav> <!- End Nav -> </header> <!- End Main Header -> <!- Slider Revolution ->
    <!- SLIDE ->
  • <!- MAIN IMAGE -> slidebg1 <!- LAYER NR. 2 -> EveryThing You Need <!- LAYER NR. 3 -> Moders Design <!- LAYER NR. 4 -> Discount <!- LAYER NR. 5 -> Discount Value
<!- End Slider Revolution -> <!- End footer -> <!- End wrapper ->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
<script src="js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
<script src="js/isotope.pkgd.min.js"></script>
<!- this is where we put our custom functions ->
<script type="text/javascript" src="js/functions.js"></script>

Hi

I need to take a look on the demo! please send me your site link to see the issue :)

Regards, Hamdan

Hi,

Is there a visual editor for the Resolution Slider? like maybe the jQuery plugin, will this work with your template?

Thanks

Purchase code cdc56f6b-5a3c-4aac-876b-5e278ed31acb

Got it! thanks, sent an email back!

Hi,

I tried to replace the slider as you said, replacing those files however I get an error on all my pages in a red banner,

”!! Error at loading Slider Revolution 5.0 Extrensions. Local Filesystem Detected ! Put this to your header: <script type=”text/javascript” src=”js/extensions/revolution.extension.video.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.slideanims.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.actions.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.layeranimation.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.kenburn.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.navigation.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.migration.min.js”></script> <script type=”text/javascript” src=”js/extensions/revolution.extension.parallax.min.js”></script>”

Can you please advise a solution?

I’m using the Revolution Slider version you sent me, 5.3.1.6.

Thanks

Cziffra

Hi

if you are testing on local server you need to include extensions of revolution slider (you do not need to include on live server).

Add this after revolution slider script (at the bottom of page)

<script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.actions.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.carousel.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.kenburn.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.migration.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.navigation.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.parallax.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.slideanims.min.js”></script> <script type=”text/javascript” src=”vendor/rs-plugin/js/extensions/revolution.extension.video.min.js”></script>

Thanks

Hi, I am considering buying this template however I would like to have the site as pure HTML5 with CSS and no PHP because I am going to take the site and break it out into .NET Umbraco CMS.

Can you confirm that PHP is not required to run the website template?

Thank you

Hi, Thank you to choose Enar!

Sure!, the PHP is not required to run the website, the PHP just for the contact form for contact page only :)

All the best, Hamdan

Thanks, what about when customizing the sliders, like the revolution sliders etc? Does this need any PHP server to run from or can this site be run straight out of my hard drive, pure HTML and jQuery?

Thanks

Hello cziffrapianos :)

Sorry for the delay!

Sure, the revolution sliders not contains any PHP code
The PHP code just for the contact form, also you can open the template without any PHP server, it’s just static HTML!

Regards, Hamdan

I am considering buying this template. It looks very nice. But I have one question before going ahead and buying it… Does the search box work or its just for the looks? Thank you for your hard work and good luck with sales!

Hi :)

I’m sorry for my delay:(

Unfortunately it’s just a static theme, so it’s search just a ( HTML)
But i have a WordPress version here https://themeforest.net/item/enar-responsive-multipurpose-wordpress-theme/14165258?s_rank=3

Thank you so much for your kindness! :)

Regards, Hamdan

Bug

Crome Console -> mobile view show 80+ 404 errors

even in the demo site http://www.enar.ideal-theme.com/html5/index-one-page1.html screenshot http://prntscr.com/djxyyr sample error Failed to load resource: the server responded with a status of 404 (Not Found) http://www.enar.ideal-theme.com/html5/images/flicker/flicker1@2x.jpg Failed to load resource: the server responded with a status of 404 (Not Found)

How can this fix ?

It’s a Retina Display plugin, it’s just showing on IOS devices!
You can disable it by removing the ( Retina ) code, you will find the js code here http://www.enar.ideal-theme.com/html5/js/plugins.js

You just need to search about:
//Retina.js v1.3.0
And delete the code to:
//Sticky Plugin v1.0.0 for jQuery

It will fix the issue, or give me your mail to send you the file without this plugin!

I need some assistance with one of the tabs sections in the template. It doesn’t seem to function properly when viewed on IOS. I’ve talked to someone before and they gave me some css to try and still no luck.

The mail was sent!

Thanks.

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