Help us be cool on Github! 😏 Take a look at our Material Dashboard and if you love it as much as we do, give us a star ⭐️ 🐱

Gaia Bootstrap Template Pro

Premium Bootstrap Template
· 4.80/5 (36 Reviews)

License

256 Downloads
16 Comments
Premium Support
Lifetime Updates
Release: 2 years ago
Update: 10 months ago

60 Handcrafted Components

3 Customized Plugins

9 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Gaia Bootstrap Template Pro in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Components · 6
  • Plugins · 1
  • Examples Pages · 1
  • -
  • -
What is in PRO Version?
  • Components · 60
  • Plugins · 3
  • Example Pages · 9
  • + Documentation
  • + SASS Files
Get Free Demo

We are here to help you!

16 Web Developers commented on this product

Report issue

jgregmcverry
  • downloaded
5 months ago

I see make sense. I love your themes.

jgregmcverry
  • downloaded
5 months ago

This is line 216 of gaia.js showModal: function(button){ var id = $(button).data('target'); var $project = $(button).closest('.project'); var scrollTop = $(window).scrollTop(); var distanceTop = $project.offset().top; var projectTop = distanceTop - scrollTop; var projectLeft = $project.offset().left; var projectHeight = $project.innerHeight(); var projectWidth = $project.innerWidth(); modal = $('#' + id); $(modal).css({ 'top' : projectTop, 'left' : projectLeft, 'width' : projectWidth, 'height' : projectHeight, 'z-index' : '1032' }); $(modal).addClass('has-background'); setTimeout(function(){ $(modal).addClass('open'); },30); setTimeout(function(){ $('body').addClass('noscroll'); $(modal).addClass('scroll'); },1000); $('.icon-close').click(function(){ $project_content = $(this).closest('.project-content'); $project_content.removeClass('open scroll'); $('body').removeClass("noscroll"); //$('a').removeClass('no-opacity'); setTimeout(function(){ $project_content.removeClass('has-background'); setTimeout(function(){ $project_content.removeAttr('style'); }, 450); },500); }); }, I can't find what I need to change.

jgregmcverry
  • downloaded
5 months ago

I can throw it up on a quick github repo if that helps. This has been driving me crazy trying to figure out.

dragosct
  • owner

I made some changes for you in your javascript file and I will give you the link and you must overwrite the code and after that please try to see if it will work. Please visit this link https://www.dropbox.com/s/ygahcxt6yo8ke88/gaia.js?dl=0 Regards, Dragos
5 months ago

jgregmcverry
  • downloaded
5 months ago

Thank you so much. I replaced the file and don't see the error in console anymore. The menu works in the mobile view of console but still not on any of my devices. I will keep hacking away a it and see what I can find.

paulrqv
  • downloaded
3 months ago

Hello Would you be able to tell me how to replace the navbar-brand text with a logo instead? Kind regards Paul

dragosct
  • owner

Hi, @paulrqv ! Thank you for using our products. To make that you can add inside of the navbar-brand div another div with class .logo and inside of this div you add a img tag with the image that you want and after that on the class .logo in css you have to put the following lines of code: width: 46px; height: 46px; border-radius: 50%; overflow: hidden; Regards, Dragos
3 months ago

paulrqv
  • downloaded
3 months ago

Thats great, thank you.

You have to be logged in to post a comment. Login here.

Why our customers appreciate us

Design Quality

Design Quality

Design Quality