Joomla Templates Club 406,261 posts

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#191168

Hi,
I would like move the breadcrumbs at the top on the page (at the top on content).
When I tried to move it in index.php, I do :

<?php if( !$this->countModules('slideshow') ) {?>
<div id="container" class="wrap">
<div class="main container-main clearfix">
<div id="mainbody" class="clearfix">
<!-- breadcrumbs -->
<?php if( $this->countModules('breadcrumbs') && !$this->countModules('slideshow') && !jaTpl_check ('islayoutview') ) {?>
<div id="breadcrumbs" class="wrap">
<div class="main clearfix">
<jdoc:include type="modules" name="breadcrumbs" />
</div>
</div>
<?php } ?>
<!-- MAIN CONTENT -->
<div id="content">
...

So, It break the title of page (cf. image). I do not find the solution (I’m sure that’s easy, but there’s something logical I don’t find).

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508168

Hi yasarts,

Could you send me screenshot of exact position you want to move the breadcrumbs to?

[yasarts Friend yasartsJoin date: April 2007Posts: 25Downloads:2Uploads:2 Thanks: 2]

#508255

Hi,
I would like the breacrumbs before the content (under the black part). I tried to make a clear sreenshot :

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508349

Hi,

You can try to change the code to:


<?php if( $this->countModules('breadcrumbs') && !$this->countModules('slideshow') && !jaTpl_check ('islayoutview') ) {?>
<div id="breadcrumbs" class="wrap">
<div class="main clearfix">
<jdoc:include type="modules" name="breadcrumbs" />
</div>
</div>
<?php } ?>
<!-- // SLIDESHOW -->
<?php if( $this->countModules('slideshow') ) {?>
<div id="slideshow" class="wrap">
<div class="main clearfix">
<jdoc:include type="modules" name="slideshow" />
</div>
</div>
<?php } ?>
<!-- // SLIDESHOW -->


and open file: /templates/ja_lens/css/template.css > add this css rule:


.content-inner div > h1 {
margin: -142px auto 85px -20px !important;
}


You can change to your desired value

1 user says Thank You to Saguaros for this useful post

1. Spell

[Author]

Posts