Joomla Templates Club 406,261 posts

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864259

Hi there,

I would like to know if the way I’m doing is OK and if you can help me with logo position.

In fact by the moment I don’t need the main navigation, because I will just use the forum.
So for that and for to take its space I decided to take out Mainnav.
I was looking if it is possible to disable the module mainnav but I didn’t find out so I went to:

templates/ja_platon/tpls/blocks/mainnav.php

and I disable (uncommented) all mainnav code.
In this way mainnav disappear and my web goes up a little.

Now what I would like is to get the logo in the middle.
Please take a look to the attached file.

Please can any one tell me if my method for mainnav is OK and how to get logo in the middle?

Thanks a lot

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#864276

Hi @edd

Could you add here as private reply a temp super user account to your backend ?

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864303

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#864328

It is not needed to disable the code

You can solve it in another way more clean

edit this file /templates/ja_platon/tpls/default.php and change

<div class="container">
    <?php $this->loadBlock('topbar') ?>

    <?php $this->loadBlock('header') ?>

    <?php $this->loadBlock('mainnav') ?>

    <?php $this->loadBlock('slideshow') ?>

    <?php $this->loadBlock('spotlight-1') ?>

    <?php $this->loadBlock('spotlight-2') ?>

    <?php $this->loadBlock('spotlight-2x') ?>

    <?php $this->loadBlock('sections') ?>

    <?php $this->loadBlock('mainbody') ?>

    <?php $this->loadBlock('spotlight-3') ?>

    <?php $this->loadBlock('navhelper') ?>

    <?php $this->loadBlock('spotlight-4') ?>

    <?php $this->loadBlock('footer') ?>
  </div>

and remove the mainnav block

<div class="container">
    <?php $this->loadBlock('topbar') ?>

    <?php $this->loadBlock('header') ?>

    <?php $this->loadBlock('slideshow') ?>

    <?php $this->loadBlock('spotlight-1') ?>

i can suggest to remove also the topbar block

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864333

Ok, thanks I will do it and I let you know…

And for the logo in the middle? any suggestion?

Thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#864335

And for the logo in the middle? any suggestion?

Try to take a look HERE it should works for your customization.

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864356

Hi, thanks for the link, but I dont catch…

how can I move the place of the logo? from the keft, where it is located right now, to the center?

In wich file do I need to edit the code?

Any suggestion?

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864362

I found that logo is:

<!-- LOGO -->
        <div class="col-xs-12 logo">
            <div class="logo-image">
                <a href="/foro" title="Platon">
                                            <img class="logo-img" src="/foro/images/joomlart/logos/logo-blue.png" alt="Platon">
                                                            <span>Platon</span>
                </a>
                <small class="site-slogan"></small>
            </div>
        </div>
        <!-- //LOGO -->

Where is located the clas "col-xs-12 logo" ?

On template.css there is no "margin-left"

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#864385

Where is located the clas "col-xs-12 logo" ?

It is in this file /templates/ja_platon/tpls/blocks/header.php

<!-- HEADER -->
<header id="t3-header" class="t3-header">

        <!-- LOGO -->
        <div class="col-xs-12 logo">
            <div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
                <a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
                    <?php if($logotype == 'image'): ?>
                        <img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
                    <?php endif ?>
                    <?php if($logoimgsm) : ?>
                        <img class="logo-img-sm" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
                    <?php endif ?>
                    <span><?php echo $sitename ?></span>
                </a>
                <small class="site-slogan"><?php echo $slogan ?></small>
            </div>
        </div>
        <!-- //LOGO --> 

You can use your custom.css indeed and add

.logo { margin-left: xxxpx; margin-top:xxxpx; }

this will center your logo , but you will need also to fix the mobile screens logo positions for it and add the correct margins for each resolution

example:

@media (max-width: 991px) and (min-width: 768px) {
  .logo {
margin-left: xxxpx;
margin-top:xxxpx;
  }
}
@media (max-width: 767px) {
  .logo {
margin-left: xxxpx;
margin-top:xxxpx;
  }
}

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864390

Thanks a lot…

so for the mobile version, I can add the code to the custom.css file?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#864406

Yes you can add code as i showed above

[edd Friend eddJoin date: May 2006Posts: 350Downloads:11Uploads:73 Thanks: 76 Thanked: 8 times in 2 posts]

#864424

Logo for the desktop version is fixed in the middle as wanted, it is fine
Logo for the mobile version si not fixed as wanted… it goes to the left or the right… it depends if it is in horizontal or vertical, mobile or tablet…
Any suggestion?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#865503

Hi

You need to use in your custom.css as already i showed you above media query to correctly align logo at your desired position , this is out of the template support since it is a template customization , i showed how to do , you can now do it follow media query documentation provided

Best regards

[Author]

Posts