Elegance template breadcrumbs problem on Moodle 2.9

Elegance template breadcrumbs problem on Moodle 2.9

by Brandon Jimenez -
Number of replies: 3

Hi, I'm running a couple of Moodle 2.9 sites with a Variation of the Elegance theme. They are running (mostly) ok, although I have a very weird problem with my breadcrumbs. The move horizontally on the space I have for them, and not consistently rendering following the css rules i have for them. I also have the multilang2 filter on one of the sites and it makes it even weirder. The included image is the homepage rendered in (from top to bottom) English, Spanish, French and Portuguese, and none of them show in the exact same position, much less the other breadcrumbs on the site, since the more i go in depth into the site, the more they move to the right. Any help would be much appreciated.


Thank you! smile

Attachment breadcrumbs.png
Average of ratings: -
In reply to Brandon Jimenez

Re: Elegance template breadcrumbs problem on Moodle 2.9

by Bas Brands -
Picture of Core developers Picture of Peer reviewers Picture of Plugin developers Picture of Plugins guardians Picture of Testers

Sorry, but there is no way to tell why this behaves the way it does on your site when just seeing these screenshots.

Maybe its the image above it, maybe its some custom css / html... they only way to know for sure is to post a URL to this site. But I guess that's not an options since you have blurred part of the image.

In reply to Brandon Jimenez

Re: Elegance template breadcrumbs problem on Moodle 2.9

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

What CSS rules are you using?

Also what relationship, if any, have the images to do with the breadcrumb?

We are not mind reader!

Thanks

Mary

In reply to Brandon Jimenez

Re: Elegance template breadcrumbs problem on Moodle 2.9

by Brandon Jimenez -

Hi, i uploaded a small video showing the behaviour. Also, Mary is right and we're not mind readers, so here's the code. I cleaned up a little bit my own mess and this is what i'm using right now

html/php - frontpage.php

<header id="moodleheader" class="clearfix">
<!--new header-->
	<div id="fixxxer-2" class="container">
	    <div id="header_section_left">
			<div id="header_section_1" role="banner">
				<a href="<?php echo $CFG->wwwroot;?>">
					<div id="logo-main-forward-2" class="logo-main-forward-2"></div>
				</a>
			</div>
			<div id="header_section_2">
				<nav class="breadcrumb-nav-2" role="navigation" aria-label="breadcrumb"><?php echo $OUTPUT->navbar(); ?></nav>
				<div class="breadcrumb-button-2"><?php echo $OUTPUT->page_heading_button(); ?></div>
			</div>
		</div>
		<div id="header_section_right">
			<!--<div id="section_test3"> section 3 </div>
			<div id="section_test4"> section 4 </div>
			<div id="section_test5"> section 5 </div>-->
			<nav role="navigation" class="navbar <?php echo $navbartype; ?>">
				<!--<div class="<?php echo $container; ?>">-->
					<div id="moodle-navbar" class="navbar-collapse collapse">
						<?php echo $OUTPUT->custom_menu(); ?>
						<?php echo $OUTPUT->user_menu(); ?>
						<ul class="nav pull-right">
							<li><?php echo $OUTPUT->page_heading_menu(); ?></li>
						</ul>
					</div>
				<!--</div>-->
			</nav>
		</div>
	</div>
<!--end new header-->	

    <!-- End Frontpage Content -->
</header>


the funny thing is that in the main page is working correctly now, but the same code...
html/php - default.php

<header id="moodleheader" class="clearfix">
<!--new header-->
	<div id="fixxxer-2" class="container">
	    <div id="header_section_left">
			<div id="header_section_1" role="banner">
				<a href="<?php echo $CFG->wwwroot;?>">
					<div id="logo-main-forward-2" class="logo-main-forward-2"></div>
				</a>
			</div>
			<div id="header_section_2">
				<nav class="breadcrumb-nav-2" role="navigation" aria-label="breadcrumb"><?php echo $OUTPUT->navbar(); ?></nav>
				<!--<div class="breadcrumb-button-2"><?php echo $OUTPUT->page_heading_button(); ?></div>-->
			</div>
		</div>
		<div id="header_section_right">
			<div id="section_test3">
				<div class="breadcrumb-button-2"><?php echo $OUTPUT->page_heading_button(); ?></div>
			</div>
			<!--<div id="section_test4"> section 4 </div>
			<div id="section_test5"> section 5 </div>-->
			<nav role="navigation" class="navbar <?php echo $navbartype; ?>">
				<!--<div class="<?php echo $container; ?>">-->
					<div id="moodle-navbar" class="navbar-collapse collapse">
						<?php echo $OUTPUT->custom_menu(); ?>
						<?php echo $OUTPUT->user_menu(); ?>
						<ul class="nav pull-right">
							<li><?php echo $OUTPUT->page_heading_menu(); ?></li>
						</ul>
					</div>
				<!--</div>-->
			</nav>
		</div>
	</div>
<!--end new header-->	
    
    <!-- End Frontpage Content -->
</header>

is not, so, in the video you will see a blue box where the breadcrumbs should render, and well, they are not, even though the css rules are putting them there, as well as the code above.


as usual, any help would be much appreciated!!


Thanks