Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • shahid112 Friend
    #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


    1. mainmenu
    TomC Moderator
    #533433

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

    shahid112 Friend
    #533543

    dysin.paks.pk

    MoonSailor Friend
    #533613

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

    TomC Moderator
    #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?

    MoonSailor Friend
    #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?

    shahid112 Friend
    #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
    #534575

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


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

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 3 voices, and was last updated by  MoonSailor 10 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum