GithubHelp home page GithubHelp logo

understrap / understrap-child Goto Github PK

View Code? Open in Web Editor NEW
581.0 54.0 328.0 10.5 MB

The starter child theme for Understrap, the renowned open-source WordPress starter theme.

License: GNU General Public License v3.0

CSS 38.81% PHP 0.52% JavaScript 27.75% SCSS 32.92%
understrap-child child-themes wordpress-framework wordpress-bootstrap wordpress-starter-theme understrap-theme-framework

understrap-child's Introduction

Understrap Child Starter Theme

Website: understrap.com

Parent Theme Project: github.com/understrap/understrap

Premium Child Themes: understrap.com/child-themes/

About

Understrap is the renowned open-source WordPress starter theme that combines Underscores with Bootstrap. Trusted by more than 100,000 developers. This repo holds the Child Starter Theme for developers using the Understrap Theme Framework.

Documentation

Full documentation for this starter theme is available at docs.understrap.com.

Questions

For support requests and bugs, we recommend browsing our issues here (parent theme) and here (child theme) and opening a new issue if necessary. For more broad discussion, like questions about the roadmap, visit our discussion board.

Basic Features

  • Combines Underscore’s PHP/JS files and Bootstrap’s HTML/CSS/JS.
  • Comes with Bootstrap v5 Sass source files and additional .scss files. Nicely sorted and ready to add your own variables and customize the Bootstrap variables.
  • Uses sass and postCSS to handle compiling all of the styles into one style sheet. The theme also includes rollup.js to handle javascript compilation and minification.
  • Uses a single minified CSS file for all the basic stuff.
  • Font Awesome integration (v4.7.0)
  • Jetpack ready
  • WooCommerce support
  • Contact Form 7 support
  • Translation ready

Understrap Academy

Become an Understrap Expert. Presented by the team behind the Understrap Theme Framework, Understrap Academy is a collection of online courses that will help you speed up your development process, make your projects more profitable, and become an Understrap expert in record time.

Bootstrap 5 (and Bootstrap 4) Support

This child theme uses Bootstrap 5 and requires Understrap Parent Theme 1.1 or greater for best functionality. It does not create JS or CSS files that work with Bootstrap 4 markup. In fact, in the functions.php file, this child theme overrides the parent theme's customizer settings.

If you want to build a child theme with Bootstrap 4, please use the 1.0.1 child theme release as it was the last version built to support Bootstrap 4.

License

Copyright 2022 Howard Development & Consulting, LLC. Understrap is distributed under the terms of the GNU GPL version 2

http://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html

Credits

understrap-child's People

Contributors

0dp avatar akkolad avatar alexbogias avatar atem18 avatar aurooba avatar bacoords avatar bpongy avatar bramesposito avatar davidshq avatar dependabot[bot] avatar diegoversiani avatar holger1411 avatar holgerkoenemann avatar howarddc avatar iandelmar avatar imcodingideas avatar ingovals avatar keneucker avatar lidbetter avatar matthaliski avatar mikefoden avatar selfagency avatar tc72 avatar tcope25 avatar tedgeving avatar thechuckster avatar thomas-a-reinert avatar understrapframework avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

understrap-child's Issues

sass/assets/bootstrap4.scss has wrong dependency

On line 27 it initially says
@import "../../src/sass/bootstrap4/animation";

which will break gulp watch when updating sass files:

Plumber found unhandled error:
 Error in plugin 'gulp-sass'
Message:
    sass/assets/bootstrap4.scss
Error: File to import not found or unreadable: ../../src/sass/bootstrap4/animation
       Parent style sheet: /Users/riverrockmarketing/localdev/www/local.riverrock/htdocs/wp-content/themes/casino-understrap-child/sass/assets/bootstrap4.scss
        on line 27 of sass/assets/bootstrap4.scss
>> @import "../../src/sass/bootstrap4/animation";
   ^

Details:
    status: 1
    file: /Users/riverrockmarketing/localdev/www/local.riverrock/htdocs/wp-content/themes/casino-understrap-child/sass/assets/bootstrap4.scss
    line: 27
    column: 1
    formatted: Error: File to import not found or unreadable: ../../src/sass/bootstrap4/animation
       Parent style sheet: /Users/riverrockmarketing/localdev/www/local.riverrock/htdocs/wp-content/themes/casino-understrap-child/sass/assets/bootstrap4.scss
        on line 27 of sass/assets/bootstrap4.scss
>> @import "../../src/sass/bootstrap4/animation";
   ^

it should be:
@import "../../src/sass/bootstrap4/transitions";

Hamburger items allways open

hi, i don't know where to ask this as i am new to this things but when i resize browser hamburger is opened and cant close it.

outputham

Query Custom Post Types and Add Pagination

Hi,

I am trying to use the main query to query custom post types and taxonomies, and add pagination to the custom post type pages. Is this possible with the main query, or will I have to create a function and query the posts using wp_query?

Can you please provide me with a code example and steps on how you would complete this?

Thanks,

JB

Unavailable sass references

The child theme description says it is configured to compile its CSS based on the SCSS from the parent theme. However, looking into child-theme.scss and its import statements, much of the SCSS is really being pulled from a folder 'understrap-child/src'. A folder named 'src' doesn't actually exist in the child theme. It exists only in the source download of the parent theme.

Shouldn't these references be pointing to '../../understrap/src/sass/*' instead, so that they compile against the parent theme?

Error: the thunkFunction already filled at child

[BS] Watching files... [BS] Reloading Browsers... [14:06:19] Starting 'styles'... [14:06:19] Starting 'sass'... [14:06:19] Finished 'sass' after 609 ms [14:06:19] Starting 'minify-css'... [14:06:20] Finished 'minify-css' after 465 ms [14:06:20] Finished 'styles' after 1.08 s [BS] File event [change] : css/child-theme.min.css [14:23:03] Starting 'styles'... [14:23:03] 'styles' errored after 239 μs [14:23:03] Error: The thunkFunction already filled at child (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp-sequence/node_modules/thunks/thunks.js:150:32) at Gulp.thunkFunction (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp-sequence/node_modules/thunks/thunks.js:145:14) at module.exports (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7) at Gulp.Orchestrator._runTask (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/node_modules/orchestrator/index.js:273:3) at Gulp.Orchestrator._runStep (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/node_modules/orchestrator/index.js:214:10) at Gulp.Orchestrator.start (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/node_modules/orchestrator/index.js:134:8) at Gulp.<anonymous> (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/index.js:36:18) at Gaze.<anonymous> (/Users/Laptop/Documents/Sites/unilad/wp-content/themes/wildfire/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-watcher/index.js:18:14) at emitTwo (events.js:87:13) at Gaze.emit (events.js:172:7)

custom css

Hi
where can i add new css?
the file style.css is just fot identify.
on /css/theme.css it's not comfortable at all.
so, where can i add some new css code?

the best way is to enqueue css file on functions.php file?

tnx 👍

Got problems with child-theme

Hi. I'm working on Understrap for the first time, it seems to be one of the best WP starter theme. I installed the understrap theme, and it works just fine. The css file is correctly compiled and added to the test site. Every new CSS rule added to that is compiled as well. The problem occurs when I try to use the child-theme: I followed all instructions on https://github.com/holger1411/understrap-child but custom CSS rules written in sass/theme/understrap-child.scss don't effect on main css file. It seems they are not compiled at all. I'm using grunt watch-bs pointing to the folder of understrap parent theme (as indicated in docs)... What am I doing wrong? Quite frustrating, sorry...

Installing Gulp & also Gulp sass

I thought it'd be better to mention that gulp & gulp-sass installation is separated.

It'd save 10 minutes of my life :)

Thanks for creating understrap...!

Customizer Issue: Invalid "X-Frame-Options" Header

Understrap-Child generates an Error, when opening the Wordpress Customizer. There was no single plugin activated on my test setup.

Furthermore, when activating Jetpack's Custom Post Type "Portfolio", the Customizer Tab for the Portfolio Options is missing.

Below the detailed error message:
Invalid 'X-Frame-Options' header encountered when loading 'http://localhost/understrap-test/?customize_changeset_uuid=9a01273a-5a57-4a10-8bf4-c81321cbeed9&customize_theme=understrap-child&customize_messenger_channel=preview-0': 'ALLOW-FROM http://localhost/understrap-test/wp-admin/customize.php' is not a recognized directive. The header will be ignored.

Line 23 of _variables.scss: Invalid CSS after " @each $key": expected "in", was ", $num in $map {")

Hi there

I am not using bower, i am just intending to use plain old Scout 0.7.1 to render the sass into css, but when i try and compile, i get the following error on the file "src/sass/bootstrap4/_variables.scss":

Line 23 of _variables.scss: Invalid CSS after " @each $key": expected "in", was ", $num in $map {")

Line 23 looks like this, and to my eye, looks like correct sass:

@each $key, $num in $map {

Do you have any idea why this won't compile? What might i be missing?

Safest way to use in production

I imagine it is possible that new versions of understrap can break things, even when all modifications were made in understrap-child. Or are you going to give warnings whenever this might be the case for a particular version?

What is the recommended way of dealing with updates? Should we have version specific folders like understrap060 and reference those in the child theme? This way the reference could be changed to point to a newer understrap070 for testing, and switched back quickly if needed. Of course updates to understrap-child would need to be merged in parallel...

browser-sync not reloading child-theme.css

Its been a long time I have this problem...

Im running my project localhost, so when I gulp watch-bs in cmd everything starts good http://localhost:3000/project/.

But, after 5minutes, my child-themes.css dont update anymore, when I edit project/wp-content/themes/understrap-child/sass/theme/child-theme.scss all looks good, as it had worked, but I need to open child-theme.css at browser and reload it by F5 or ctrl+r, anyway, do u guys have idea why??? And yeah, cmd logg looks good, but I cant understrand WHY my child-theme.css dont update automatically after some minutes working

Do you really need the child theme?

Hi,

I am having issues getting the child theme functions, ect. to register new widgets ect. I was wondering if it is necessary to use the child theme, or can you use understrap as a starter framework, without any issues upgrading the core?

Much Appreciated.

Jeff

Child theme localisation

My /languages directory is not respected. Placing the appropriate .po file and the corresponding .mo one within my child theme directory doesn't localise anything. However, if I put them in my parent theme directory, everything's just fine.

I've also tried to copy understrap/inc/setup.php to understrap-child/inc/setup.php and add load_child_theme_textdomain( 'understrap-child', get_template_directory() . '/languages' ); immediately after load_theme_textdomain( 'understrap', get_template_directory() . '/languages' );, but without any success.

What's the right place for my localisation files? Are they going to be removed, after a theme update?

Remove "bower install" from README.md

Just did another fresh install and noticed that bower.json doesn't exist. I've followed the installation steps. Seems like in 44b6fc9 you've completely replaced bower with NPM. Correct me if I'm wrong. Otherwise you need to update the installation steps in README.md.

browserSync reload

Hi,

I've just download understrap, and I just added a fonctionality to browserSync which save a lot of time : the "live reload".
I can't code without this feature, I've added it to my project in the gulpfile like this :
var reload = browserSync.reload;
bellow
var browserSync = require('browser-sync').create();

And in the cssnano task, I've added this pipe :
.pipe(reload({stream: true}));

And it works fine for me.

Will you plan to insert this feature in your master ?

Understrap seems to be a good job anyway !

Adding Nav Descriptions

I'm having a difficult time customizing the nav walker to allow descriptions if the item has a description. Any help? Thanks!

Disable Parent theme functions

Hello

I am very new to Git (and quite new to frameworks).. So please bear with me!

I'm looking to disable parent theme functions and struggling to find a way which works!

The particular function I'm looking to disable is 'all_excerpts_get_more_link' in the parent theme setup.php

Googleing about I find mentions making of parent theme functions 'pluggable'. This could be an option for you with understrap?

Thanks!

Uncaught SyntaxError: Unexpected end of input - child-theme.min.js

I'm getting a "Uncaught SyntaxError: Unexpected end of input" for my child-theme.min.js file after a fresh install of Understraps 0.6.1 and Understraps Child Theme 0.3.2

I installed both theme folders, made sure my Node.js/NPM were up to date, and also installed Gulp-Sass. I then ran "npm install" without any issues.

I've made no customizations to any JS/SCSS files yet. I've attempted to update the $brand-primary variable under /sass/theme/_child_theme_variables.scss - and no matter what I update the variable to, neither "gulp watch" or "gulp watch-bs" updates the change. I've cleared cache - no caching plugins installed - and refresh the page multiple times with different browsers, and the default Yellow color is still being displayed for anything using the $brand-primary variable.

Source Maps Not Working

For some reason my source maps aren't working in either Chrome or Edge. The source map file is being created and it's referenced in the child-theme.min.css file, but I can't see it in the developer toolbox. The inspector is only showing the child-theme.min.css file

Problems using gulp watch to update CSS

When I add #wrapper-static-hero { padding: 0; } to _child_theme.scss, gulp watch detects the change and seems to be functioning normally. However, I don't see the style updated in the css files, nor does it show up in the browser. Am I missing something?

Also (not sure if this is related), child-theme.min.css disappears if I try to directly modify child-theme.css while gulp watch is running. I was looking to modify child-theme.css directly as a workaround for the problem above.

bower install error

» bower install understrap                                                                                                                            00:26:32
bower _s#*                  not-cached https://github.com/Automattic/_s.git#*
bower _s#*                     resolve https://github.com/Automattic/_s.git#*
bower understrap#0.4.7      not-cached https://github.com/holger1411/understrap.git#0.4.7
bower understrap#0.4.7         resolve https://github.com/holger1411/understrap.git#0.4.7
bower understrap#*          not-cached https://github.com/holger1411/understrap.git#*
bower understrap#*             resolve https://github.com/holger1411/understrap.git#*
bower fontawesome#~4.6.3        cached https://github.com/FortAwesome/Font-Awesome.git#4.6.3
bower fontawesome#~4.6.3      validate 4.6.3 against https://github.com/FortAwesome/Font-Awesome.git#~4.6.3
bower OwlCarousel2#2.1.6        cached https://github.com/smashingboxes/OwlCarousel2.git#2.1.6
bower OwlCarousel2#2.1.6      validate 2.1.6 against https://github.com/smashingboxes/OwlCarousel2.git#2.1.6
bower bootstrap#v4.0.0-alpha.3  cached https://github.com/twbs/bootstrap.git#4.0.0-alpha.3
bower bootstrap#v4.0.0-alpha.3         validate 4.0.0-alpha.3 against https://github.com/twbs/bootstrap.git#v4.0.0-alpha.3
bower tether#~1.3.2                      cached https://github.com/HubSpot/tether.git#1.3.4
bower tether#~1.3.2                    validate 1.3.4 against https://github.com/HubSpot/tether.git#~1.3.2
bower understrap#*                     checkout 0.4.6
bower _s#*                             checkout master
bower _s#*                             resolved https://github.com/Automattic/_s.git#f9471cdfb7
bower understrap#*                     resolved https://github.com/holger1411/understrap.git#0.4.6
bower understrap#0.4.7             ENORESTARGET No tag found that was able to satisfy 0.4.7

Additional error details:
Available versions in https://github.com/holger1411/understrap.git: 0.4.6, 0.4.5, 0.4.4, 0.4.3, 0.4.2, 0.4.1, 0.4.0, 0.3.8, 0.3.7, 0.3.6, 0.3.5, 0.3.4, 0.3.1

How to enable carousel indicators to hero?

Hi Holger!

STUPID question here.

I got the indicators running after pasting it to hero.php

 <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>

the problem is that it does not switch the active class

Kindly answer my stupidest question ever hehehe.

input-group-addon stays gray

I changed the CSS primary color and create a button with the class input-group-addon btn btn-primary but the button stayed gray.

composer package

please add a composer.json so this can be installed via composer

Gulp task 'gulp-sass' error

Every Gulp Taks that use gulp-sass gives the same error:

captura de tela 2017-04-27 as 11 29 35

I cloned/downloaded understrap and understrap-child and that error still there.

Can someone help? I cant find how fix that

Updating the child theme

Just wondering what the best way to update the child theme is. What files and directories can I safely update? Sorry if this is in a read me - I don't think I see any information about updates.

Owl carousel

Put simply, how do I get the owl carousel to appear on my custom home page template? I only want it to exist on the home page. I am developing through Wordpress.org.

At the moment I am sourcing the slider script in the template file but nothing appears to be happening... I am a beginner when it comes to using frameworks so it's probably something real simple!

thunkFunction error message

Hello,

I'm developing a new site using your child theme (the second site I've developed using your child theme) and get an unfamiliar error in the console when running gulp watch. There isn't a lot about this when I google and the one tip I did see on Stack Overflow did not work for me. I am able to hit ctrl + c to cancel out and run gulp watch again to render my new sass changes but it's annoying and slows things down. Can anyone help me fix this? Thanks in advance!

Screenshot below:

screen shot 2017-05-31 at 4 29 26 pm

JS error on mobile menu button

When I try clicking on the hamburger menu in mobile view in any browser, I get the following JS error:

Uncaught Error: Collapse is transitioning
    at a.show (child-theme.min.js?ver=0.2.2:2)
    at a.toggle (child-theme.min.js?ver=0.2.2:2)
    at HTMLDivElement.<anonymous> (child-theme.min.js?ver=0.2.2:2)
    at Function.each (jquery.js?ver=1.12.4:2)
    at jQuery.fn.init.each (jquery.js?ver=1.12.4:2)
    at jQuery.fn.init.a._jQueryInterface [as collapse] (child-theme.min.js?ver=0.2.2:2)
    at HTMLButtonElement.<anonymous> (child-theme.min.js?ver=0.2.2:2)
    at HTMLDocument.dispatch (jquery.js?ver=1.12.4:3)
    at HTMLDocument.r.handle (jquery.js?ver=1.12.4:3)

SCSS custom style

I'm adding my own custom style to {my-child-theme}/sass/theme/_child_theme.scss but it doesn't seems to apply to the frontend. Do I have to make something else?

npm install fails

In an ubuntu server 16.10 I ran npm install and it returns the following error message:

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm ERR! Linux 4.8.6-x86_64-linode78
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "install"
npm ERR! node v4.2.6
npm ERR! npm  v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn

npm ERR! [email protected] install: `node scripts/install.js`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] install script 'node scripts/install.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the node-sass package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node scripts/install.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs node-sass
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls node-sass
npm ERR! There is likely additional logging output above.

npm-debug.txt

Custom Child Scripts and compiling child-theme.js

Here is what I see happening:

  1. In /inc/enqueue.php 'understrap-scripts' is being dequeued and deregistered, and replaced with 'child-understrap-scripts' (which is /js/child-theme.min.js')
  2. In gulpfile.js, that script is NOT being compiled, like it is in the parent theme (understrap). See in the "watch" task - it is not watching .js files or running "scripts" like it is in the parent theme.
  3. Therefore, if the scripts in the task "scripts" ever change, the child theme will never pick those up. If that was intended, it seems as if you can remove the "scripts" task from the child-theme's gulpfile. Or replace it with stub for including custom js files and include a watch task in the "watch" task for compiling custom scripts... right?

Display owl carousel on all pages

I'm calling the owl carousel in my header.php and it works fine on my homepage. It's being called on the interior pages but it looks like it's not adding the "owl-loaded" class. I can think of a hack to make it work but I wanted to see if there was a proper way to make this display on all pages.

example code: <div class="header-image"><?php get_sidebar('hero'); ?></div>

Link: http://cityofchildress.com/event-center/

Adding custom cSS to styles.css

Hi, I am adding css rules to the file named style.css in the child theme and nothing is happening. I enqueued the file in the functions file and it still does not do anything. I am relatively new to WP theming as I have been using the Genesis Framework for a number of years. Any suggestions would be appreciated.

wp_enqueue_style( 'child-understrap-styles', get_stylesheet_directory_uri() . 'style.css', array(), $the_theme->get( 'Version' ) );

Can't use understrap-child with prepros anymore.

Hi Holger, I can't use the understrap-child theme anymore with prepros scss preprocessor
it prompts me this error.

file to import not found or unreadable: ../../src/sass/bootstrap4/media/galleries
Current dir: D:/xampp/htdocs/personal/hugot/wp-content/themes/understrap-child/sass/assets/ on line 42:9 of D:/xampp/htdocs/personal/hugot/wp-content/themes/understrap-child/sass/assets/bootstrap4.scss
D:\xampp\htdocs\personal\hugot\wp-content\themes\understrap-child\sass\child-theme.scss

navabar height

Hi.
I cannot understand how to use the $navbar-height variable in the _child_theme_variables.scss

Every value i choose it simply doesn't change anything. Looking at the files i understood it's only used in a mixins named navbar-vertical-align() in _navbar-align.scss, but if i try to include it in my _child_theme.scss and then gulp watch, it say "no mixin named navbar-vertical-align".
Am i missing something?

hamburger menu doesn't expand

Hi Holger, great project. We love it!

We have problems with the hamburger menu. Using the exact same code as in the understrap parent theme our menu doesn't expand in child theme.

`

		<div class="<?php echo esc_html( $container ); ?>">

			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			 </button>

				<!-- Your site title as branding in the menu -->
				<?php if ( ! has_custom_logo() ) { ?>
				<a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>"
				   title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
					<?php bloginfo( 'name' ); ?>
				</a>
				
				<?php } else {
					the_custom_logo();
				} ?><!-- end custom logo -->

			<!-- The WordPress Menu goes here -->
			<?php wp_nav_menu(
				array(
					'theme_location'  => 'primary',
					'container_class' => 'collapse navbar-collapse',
					'container_id'    => 'navbarNavDropdown',
					'menu_class'      => 'navbar-nav',
					'fallback_cb'     => '',
					'menu_id'         => 'main-menu',
					'walker'          => new WP_Bootstrap_Navwalker(),
				)
			); ?>

		</div><!-- .container -->

	</nav><!-- .site-navigation -->`

Any idea how to fix this? We changed nothing else on the child theme yet. Maybe some scripts are missing? I have no idea.

Grüße aus Köln!
~Daniél

Gulp CSS and SCSS Conventions

Hi, Great work.

Just working out best way to include additional bower scss and css into the child-theme.min.css

So, the gulp copy-assets can be used to copy the bower assets to the src folder.

Then the child-theme.scss file uses @import looking in the sass/assets folder

Am I missing something or should we be pointing @import to the src folder that we just used in gulp copy-assets?

Thanks

Not compiling in child-theme

After updating to new release, the css file is not compiled in child-theme. If I make changes in child theme variables, the files have been watched - as I can see in node console - but it has no effect on the final style. Before it used to work, very very slow, but now only parent theme seems to work properly as far as sass is concerned.

Registering Sidebars

I tried just copying the inc/widgets.php into my child theme and registering a new sidebar that way but it doesn't seem to work. I just went in and added it to the parent theme but obviously that gets screwed up when we update. What is the proper way to do that?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.