Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Dec 04 22:27

    UnderstrapFramework on master

    Remove blank line Merge pull request #1062 from I… (compare)

  • Dec 04 22:26
    UnderstrapFramework closed #1062
  • Dec 04 22:26

    UnderstrapFramework on master

    No period for summary in file h… Merge pull request #1069 from I… (compare)

  • Dec 04 22:26
    UnderstrapFramework closed #1069
  • Dec 04 22:25

    UnderstrapFramework on master

    Add id to nav Merge pull request #1073 from I… (compare)

  • Dec 04 22:25
    UnderstrapFramework closed #1073
  • Dec 04 17:21
    joshtankpr opened #1075
  • Dec 04 17:03
    joshtankpr commented #1008
  • Dec 04 13:57
    air66design closed #1074
  • Dec 04 13:57
    air66design commented #1074
  • Dec 04 13:32
    air66design opened #1074
  • Dec 03 08:40
    IanDelMar opened #1073
  • Dec 03 07:56
    IanDelMar commented #1071
  • Dec 03 07:50
    IanDelMar synchronize #1063
  • Dec 03 07:34
    IanDelMar edited #1072
  • Dec 03 07:31
    IanDelMar opened #1072
  • Dec 01 15:55
    armitchell commented #1067
  • Dec 01 15:51
    armitchell edited #1067
  • Dec 01 14:15
    rmleg commented #1066
  • Dec 01 05:00
    noelspringer commented #1071
Shannon Smith
Hey everyone @holger1411 thanks to you and all the other contributors for an awesome theme
I'm looking to get my site as light as possible. Has anyone had experience with purifycss or uncss and understrap?
Richard Krone
Hello. I just discovered your theme after months of looking through and getting fed up with "free" themes that are just lures for Premium themes. Is there a forum, wiki or something set up to help document customization to the theme? Specifically I am looking at how to right align the main menu.
Richard Krone
Also while I was on https://understrap.com/understrap-child-themes/ I noticed that there are three child themes offered. Two of the theme are free. Of those two I downloaded one of theme and installed it. When I go to look at the theme in my Appearance Themes area I see the theme is just named 'Understrap-Child'. I think that the child themes need to be named differently so that you can tell which one you are using.
Hello! Not sure if it's smart to post this issue here but let's go: http://el-sphere.com
This site runs under strap core child theme. All good BUT there is scrolling issue on my Iphone
Quite often and quite randomly the site stop scrolling down towards the bottom and also on that page (http://el-sphere.com/about/) when I click on the 'jump down' circle (contact us now...), it create extra space at the bottom of the site
I am pretty sure it has something to do with skrollr
And I have no scroll bar on the right on mobile mode
ok I managed to end this issue by changing the script to this: jQuery(window).load(function($) {
var s = skrollr.init();
 //The options (second parameter) are all optional. The values shown are the default values.
skrollr.menu.init(s, {});   
The only problem now is some elements or inital styles from the navbar that should be hidden on top gets visible until the page fully loads... hmmm
Hi, I'm a bit confused about changing the mobile-menu breakpoint. I was able to get some functionality by changing media values in theme.css lines 3506 and 3514, but I'm not sure if this is the right way. Any pointers?

2017 UPDATE for Bootstrap 4 (Beta)

Changing the navbar breakpoint is easier in Bootstrap 4 using the navbar-expand-* classes:

<nav class="navbar fixed-top navbar-expand-sm">..</nav>

navbar-expand-sm = mobile menu on xs screens <576px
navbar-expand-md = mobile menu on sm screens <768px
navbar-expand-lg = mobile menu on md screens <992px
navbar-expand-xl = mobile menu on lg screens <1200px
navbar-expand = never use mobile menu
(no expand class) = always use mobile menu
If you exclude navbar-expand-* the mobile menu will be used at all widths. Here's a demo of all 6 navbar states: Bootstrap 4 Navbar Example

@brainchildguru Thanks! I knew there was something easier around.
Guys I updated to Understrap on https://www.zelfenergievergelijken.nl/ and all went error 500:( Just put back an old backup but I was wondering if someone has the same problem?
/inc/template-tags.php line #17
should the modified time be moved out separately: $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
I had this noted but I can't find the note... do I run npm install and gulp copy-assets in the child theme? Note: I already ran npm install in the parent folder... so what would be the next steps?
Teslim Adeyemo
Hey guys, great to be here with you. I have been using the base child theme of understrap. Everything has been fine until recently, I can seem to run gulp. It keeps failing with ###

The error I receive is: module.js:538
throw err;

Error: Cannot find module 'gulp-sass'
at Function.Module._resolveFilename (module.js:536:15)
at Function.Module._load (module.js:466:25)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Users\Teslim\Web\dockerapps\workstation\dinstage\wp-content\themes\understrap-child\gulpfile.js:25:12)
at Module._compile (module.js:635:30)
at Object.Module._extensions..js (module.js:646:10)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)

I'm having issues with Gulp as well. When I run gulp watch-bs, I have to constantly save the /understrap-child/sass/theme/_child_theme.scss for the changes to display.
Marcos Avila Vasquez
Hi Guys, how are you? I installed understrap some weeks ago and I'm having an issue when trying to run gulp scss-for-prod. It seems like is something related with minify task, but can't find what is causing the issue.
ReferenceError: minify is not defined
at Gulp.<anonymous> (/Volumes/storage/www/odogram-landing/web/app/themes/understrap/gulpfile.js:83:15)
at module.exports (/Volumes/storage/www/odogram-landing/web/app/themes/understrap/node_modules/orchestrator/lib/runTask.js:34:7)
at Gulp.Orchestrator._runTask (/Volumes/storage/www/odogram-landing/web/app/themes/understrap/node_modules/orchestrator/index.js:273:3)
at Gulp.Orchestrator._runStep (/Volumes/storage/www/odogram-landing/web/app/themes/understrap/node_modules/orchestrator/index.js:214:10)
at Gulp.Orchestrator.start (/Volumes/storage/www/odogram-landing/web/app/themes/understrap/node_modules/orchestrator/index.js:134:8)
at /usr/local/lib/node_modules/gulp-cli/lib/versioned/^3.7.0/index.js:54:20
at _combinedTickCallback (internal/process/next_tick.js:131:7)
at process._tickCallback (internal/process/next_tick.js:180:9)
at Function.Module.runMain (module.js:667:11)
at startup (bootstrap_node.js:187:16)
Any idea or suggestion on how can I fix it? I found the same issue on github: holger1411/understrap#379

Hello All.
I am trying to get Scrollspy to work in understrap.

The menu-items link to <sections> with their own id like so:
<a title=“mysection1” href=“#mysection1" class="nav-link">Section1</a>

I have set the data-spy on the wrapper div like so:

<div class="wrapper data-spy="scroll" data-target="#mynavbar" data-offset="0">

I checked that the Scrollspy script js is loaded within the theme.min.js

What else needs to be done to get this to work?



<div class="wrapper" data-spy="scroll" data-target="#mynavbar" data-offset="0">

update: Bootstrap requires a nav component for proper highlighting of active links.
like:<ul class=“nav”>
easy to add that in the header.php:

'menu_class' => 'navbar-nav nav',

Still it does not work…

OK, found it.
the “nav" class needs to be added to the <ul> element in the menu, see above.
Then the attributes <data-spy="scroll" data-target="#navbar" data-offset=“10”> needs to be added to the body element. Nice…
Can someone point me in the right direction to creating a page for my site (using Understrap) to incorporate this example or something similar to my site for a gallery: https://getbootstrap.com/docs/4.0/examples/album/
Shannon Smith
Hi. It seem that the UnderStrap theme override the WP setting for Excerpt post
It always use Excerpt and I would prefer the full post. How can I do that ?
Understrap is gigantic if you include all the foundational files. How much of that is needed post-development? (My apologies if I'm asking this in the wrong place. I'm new to git and all of that.) Thanks.
Chris Taylor
Hello. I would like to give understrap a try for a project. I see that it is supporting bootstrap 4 but I need bootstrap 3 for my project. What was the last version of understrap to use bootstrap 3 and how should I get it? Many thanks ...
Boutique PcLanD
hello i would like to have a dump of this site how to do? http://www.choozeo.com/
Alberto Siletti
Please correct way to add boostrap slider with captions .. Now I put html widgets with hard coded imgs etc , (using sidebar-hero.php)
Alberto Siletti
Do I run "npm install" in both the parent and child theme? Additionally, which folder do I run "gulp copy-assets" in?
Daniel Vernon
has anyone updated to fontawesome 5 - whats the best way to do this?
How can I change the navbar color to a different color (default is purple)? I can change the container, but I can't figure out how to change the entire navbar.
Hi, I juste updated to the new version of understrap and I have somme issues in my understrap-child-master..
The subnavigation isn't working and my footer widgets isn't showing anymore. There is the first issue I have see, maybe there's more, just didn't see them yet. The footer issue is simple cause, you put all sidebars template in a folder, but how I'm I suppose to have my child theme support this kind of change...
I'm happy I kept a local version of my site and didn't update it!
Pierre Crutchfield
I used understrap to build a theme for a Microsoft project. During an accessibility audit we got dinged for the pagination not being navigable by a screen reader because it doesn't explicitly notate the Left and Right arrows via the Narrator. I attempted to edit the pagination.php file by adding it the child theme and wasn't able to override the main theme files behavior. How best should I approach edits to this file or the pagination if I can do using the functions.php or another option?
Has anyone had luck getting bootstrap modals to work? I am new to js/jquery and not sure how to start.

So I have gotten Bootstrap modals to work "out of the box" simply by inserting these scripts from getboostrap.com to the bottom of my page. If there is a better way I would love to know. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Emmanuel Akodia
hello guys i need urgent help! Im using wp residence theme and im trying to cange the hyperlink of an "add listing" button but it has refused. Can anyone please help me out
I just installed the latest version of the theme (0.91) and for some reason, the hero widgets are not available on the home page (customizer only shows the right sidebar and full footer as available). Is there any other configuration I need to do to get them to show? tia