Joomla Templates Club 406,261 posts

[shahid112 Friend shahid112Join date: December 2011Posts: 14Downloads:25Uploads:4 Thanks: 6]

#197362

I have a 6 active links in the main menu . which become in two rows thats looks bad please give some suggestion to handle that.

Home
About Us
Vehicles
Product Support
Dealers Network
contact us

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533433

So that I can try to best assist you, please provide the url of the site you’re working on.

1 user says Thank You to TomC for this useful post

1. shahid112

[shahid112 Friend shahid112Join date: December 2011Posts: 14Downloads:25Uploads:4 Thanks: 6]

#533543

dysin.paks.pk

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#533613

@shahid112: please PM me ftp credential of your site, I will help you out.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533618

<em>@shahid112 425035 wrote:</em><blockquote>I have a 6 active links in the main menu . which become in two rows thats looks bad please give some suggestion to handle that.
</blockquote>

Try This . . . .

If you haven’t done so already, create a new file within file path –> /templates/ja_bookshop/css <—
and name it “custom.css”

Within that file, paste the following CSS rule:


.t3-mainnav .t3-navbar {
width: 800px;
}

SAVE CHANGES — CLEAR CACHE — REFRESH PAGE

Does that better achieve the result you were looking for?

2 users say Thank You to TomC for this useful post

1. shahid112
2. MoonSailor

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#533745

@shahid112:

<blockquote>
which I am developing at the moment
I have a two concern at the moment
1- the logo on both sides , right and left
</blockquote>

Please open the file “templates/ja_bookshop/tpls/blocks/header.php”, find code below:


<!-- LOGO -->
<div class="col-xs-12 <?php echo $logosize ?> logo col-sm-6">
<div class="logo-<?php echo $logotype ?>">
<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 ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-xs"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="col-xs-12 col-md-6 t3-mainnav navbar navbar-default hidden-sm">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">

<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>

</div>

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>

</nav>
<!-- //MAIN NAVIGATION -->


Then you can change it here. For instance:


<!-- LOGO -->
<div class="col-xs-12 <?php echo $logosize ?> logo col-md-2 col-sm-6">
<div class="logo-<?php echo $logotype ?>">
<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 ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-xs"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->

<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="col-xs-12 col-md-8 t3-mainnav navbar navbar-default hidden-sm">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">

<?php if ($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) : ?>
<?php $this->addScript(T3_URL.'/js/nav-collapse.js'); ?>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
<?php endif ?>

</div>

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>

</nav>
<!-- //MAIN NAVIGATION -->

<!-- LOGO 2 -->
<div class="col-xs-12 <?php echo $logosize ?> logo col-md-2 col-sm-6 hidden-sm">
<div class="logo-<?php echo $logotype ?>">
<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 ?>
<span><?php echo $sitename ?></span>
</a>
<small class="site-slogan hidden-xs"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO -->

<blockquote>
2- the menu links come in two rows
</blockquote>

Could you explain in more details?

1 user says Thank You to MoonSailor for this useful post

1. shahid112

[shahid112 Friend shahid112Join date: December 2011Posts: 14Downloads:25Uploads:4 Thanks: 6]

#534454

Thanks for your reply , my second query was finished but I have a bit trouble with first one ,
with the logo
you may have a look on the url
dysin.paks.pk
I still need help to place the image to the rigth with border as
I used Custom HTML module and position I used was head search.

If you could help with it then you are most welcome .

regards
Khurram

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#534575

You can add following css rule to the file “templates/ja_bookshop/css/custom.css”:


.head-search img{
border : 1px solid;
}


[Author]

Posts