test

Move mega menu to the right to integrate logo

Forums    Joomla Templates Club    JA Portfolio    Move mega menu to the right to integrate logo
Viewing 15 posts - 1 through 15 (of 22 total)
1 2
  • Author
    Posts
  • kadad Friend
    March 25, 2011 at 5:29 pm #161946

    Hello,

    I need the logo to be better seen. So I’d like to move mega menu to the right, and logo to integrate on the left.

    An image is easier to understand :

    [/URL]

    Thanks for your help

    Phill Moderator
    March 25, 2011 at 6:17 pm #383308

    Can you post a link to your site please? Please also make sure css optimization is set to “No” in the template manager so we can see the correct css files,

    kadad Friend
    March 25, 2011 at 6:19 pm #383309

    Sorry it is not allready online.

    Considering the many change I have to do, I should.

    Let me do it, and I’ll post when done.

    Phill Moderator
    March 25, 2011 at 6:48 pm #383316

    In that case you could try editing template.css line 416 from


    #ja-mainnav .main {

    }

    to


    #ja-mainnav .main {
    left:60px;
    width:880px;

    }

    kadad Friend
    March 25, 2011 at 7:10 pm #383319

    You’re good.

    Now, how can I do for the lower piece of the bow (logo) to go down ?

    Thanx.

    Phill Moderator
    March 25, 2011 at 7:13 pm #383320

    Can you attach a copy of your logo please?

    kadad Friend
    March 25, 2011 at 8:57 pm #383340

    Maybe you can get it directly : http://www.api973.fr/templates/ja_portfolio/images/logo.png

    I don’t know how to attach.

    Phill Moderator
    March 25, 2011 at 9:31 pm #383343

    No problem. First open template.css and add the lines I have highlighted in red below


    h1.logo a {
    background:url("../images/logo.png") no-repeat scroll left center transparent;
    display:block;
    height:68px;
    position:relative;
    right:10px;
    top:35px;
    width:294px;

    }

    Then you might have to adjust the 10px and the 35px to position your logo exactly as you want it.

    Going on the size of your logo I would adjust the firs edit I gave you to be


    #ja-mainnav .main {
    left:35px;
    width:930px;

    }

    kadad Friend
    March 25, 2011 at 9:45 pm #383345

    Thank you Phil. I’ll try that.

    Only, I don’t understand : “Going on the size of your logo I would adjust the firs edit I gave you to be”

    Phill Moderator
    March 25, 2011 at 10:09 pm #383348

    You can simply adjust the 35px and the width 930 px to position your menu as you want it. I felt the left: 60px; and the width: 880px; moved the menu a little too much.

    1 user says Thank You to Phill for this useful post

    1. kadad
    kadad Friend
    April 4, 2011 at 4:50 pm #384820

    Thank again, your solution was correct.

    One last thing. I integrated a bigger logo for the proportion, the problem is that upper to the logo is a blank zone.

    Where is it reduced ?

    Ninja Lead Moderator
    April 6, 2011 at 9:48 am #385131

    You can install add-on Firebug on FireFox browser check and resize width and height your logo. When it works well everything you will change template.css.

    kadad Friend
    April 7, 2011 at 1:07 pm #385293

    I understand that I didn’t explained well.

    Now that the logo has the perfect size and the menu the perfect position, there is a blank zone on top :

    [/URL]

    Phill Moderator
    April 7, 2011 at 3:18 pm #385302

    Can you PM me the link to your site again along with an admin logon and ftp details and I’ll make the adjustments for you.

    kadad Friend
    April 12, 2011 at 4:52 pm #385968

    I think I did several days ago. Did you receive it ?

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 22 total)
1 2

This topic contains 22 replies, has 3 voices, and was last updated by  Phill 13 years, 7 months ago.

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

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories