davywavy

Thanks for your prompt reply

I dont expect the authors to change the html for me, but I would like to know if there is a reasonably simple way of doing this myself by editing the php or javascript file that outputs the html.

And by the way this is not a specific theme I am talking about, this a theme based off a CSS framework called bootstrap.

Bootstrap has pretty much been considered to be the industry standard for CSS responsive design frameworks for nearly 5 years now.

I am also really surprised that no one on jetpack seems to know anything about Bootstrap’s css framework, it is quite well known, loved, and used by CSS designers as it is mobile device first fully responsive CSS framework (it targets, mobiles, tablets, computers with a single stylesheet to respond and adapt to all device sizes). https://getbootstrap.com/

I have also seen several other people make the same comment about lack of bootstrap framework support, or CSS responsive framework support in general (https://foundation.zurb.com/ is another popular and well known one) on jetpacks support forums only to be met with responses which clearly shows they dont know or care about standard CSS best practises

This really is a big shame, and its just not jetpack that doesnt seem to know or care about this, unfortunately it also seems to be wordpress plugin developers in general.

Here is the original static html boostrap template I created.

https://www.users.on.net/~nova/swp/index-comic-lg.htm

As you can see the nav is perfectly centered and displays as intended.

The $ap_core_navbar_fixed array looks like it is printing html outside the flow of the container of the htnl document making it impossible to target the same way as my static html template.

When I check the html document with firebug I can see that the html that $ap_core_navbar_fixed is printing out is also totally outside of the html of the header.php

Hi Chris I have already tried adding css to center it and it does not center it.

Is this the code in the header.php I have to edit?

<div class="navbar-header">
				<?php
				$nav_1 = has_nav_menu( 'top' );
				$nav_2 = has_nav_menu( 'main' );
				$data_target = null;
				if ( !empty( $nav_1 ) ) {
					$data_target = '.navbar-1-collapse';
				} elseif ( !empty( $nav_2 ) ) {
					$data_target = '.navbar-2-collapse';
				}
				if ( !is_null( $data_target ) ) : ?>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="<?php echo $data_target; ?>">
						<i class="icon-reorder" title="Menu"></i>
					</button>
				<?php endif; ?>
			</div>

I have already tried adding another container div inside of the navbar-header div and it still wouldnt center.

Looking at the code in firebug it seems that the nav being printed out by php exists totally outside of the above html/php code and is being written by $ap_core_navbar_fixed.

Thanks Chris,

Where would I find the correct css file to center the nav? In superhero?

I assume the code I would have to edit in header.php to get center aligned nav with branding would be;

$ap_core_navbar_fixed = array( 'container' => 'nav', 'container_class' => 'topnav ' . $ap_core_navbar_inverse . ' navbar navbar-collapse collapse navbar-1-collapse navbar-default navbar-fixed-top', 'theme_location' => 'top', 'fallback_cb' => false, 'menu_class' => 'nav navbar-nav', 'walker' => new AP_Core_WP_Bootstrap_Navwalker() );

Php is not my strong point so I dont have any idea how I need to edit this array?

I am sorry maybe I got the terminology incorrect?

What I mean was there was two ways you could change the theme of museum core in your pluralsight tutorial.

The first was via a child theme.

The second was by what I have incorrectly called bundled themes.

I am using the museum-core superhero theme and inside my css folder I have a couple of my own custom bootsrap themes in there as well as a dozen of the generic bootstrap themes you can download for free.

These bootstrap themes are located in wp-content\themes\museum-core-superhero\css and are accessible via the cusomize/color/skin menu in admin.

It doesnt matter which bootstrap skin I choose from admin(my own custom ones or those I downloaded for free[cerulean, darkly, amelia etc etc]) the fixed nav still aligns left.

That is why I am assuming I have to edit header.php somehow to get the center aligned fixed topnav (with branding that I want) to work in any skin I might choose.

Hi Chris,
thanks for taking the time to respond, its much appreciated.

I am sorry but I forgot to mention that I am in fact using a child bootstrap theme already via bundled themes.

I want to make sure that not only my custom bootstrap theme but also all of the other bundled official bootstrap themes display the nav the same way.

I assume I would have to change the header.php somehow for this to be reflected in all bundled themes?

If its not working why havent you guys marked it as broken?

I dont know what this guys problem is, works fine for migrating a wordpress site to anywhere. Local or live.

Thanks for letting me know, I am not sure what you mean by custom development?

Its not possible I am afraid, you can install wordpress quite easily on a windows server. Getting both to talk to each other is not going to be possible with any existing plugins though.