Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • labonepetspa Friend
    #151265

    Hello there,

    Just wondering if anyone has been able to put the logo in the center top and was able to remove the top navigation to only have it on the side? Is that possible? If so, help…:((

    Any help from you guys is greatly appreciated. 🙂

    Cheers!

    Cris

    John Wesley Brett Moderator
    #344386

    First we need to get rid of the main horizontal menu.
    Since it’s a split, better not do anything too drastic for fear of loosing its vertical twin.
    Let’s just turn it off:

    [FONT=”Arial Black”]Goto ja_quartz/css/template.css – Line 967[/FONT]

    and add the following in RED…

    #ja-mainnav {
    display:none;
    float:left;
    padding:0;
    position:relative;
    z-index:9999;
    }

    Now to move the Logo…
    [FONT=”Arial Black”]Goto /ja_quartz/css/template.css – Line 917[/FONT]
    And increase the value below in red to slide the logo to the center. (370px would but the current logo close to center)

    h1.logo, div.logo-text {
    float:left;
    margin:5px 20px 0;
    padding:0;
    }

    You are going to want to set this manually…so as not to interfere with the positioning of other related areas (i.e. footer, container, tops, bots, etc.). You only want the LOGO to be centered…not all the stuff in the footer. That would look weird.

    Have fun!
    John.

    toymaker Friend
    #344389

    OR… for truly centering the Logo, you can manually specify the Logo DIV to match the image width and then set margins to auto. (you have to delete the float:left style)

    Like this:


    h1.logo, div.logo-text {
    margin:0 auto;
    padding:0;
    width:210px;
    }

    This will truly center the div inside the header and adjust itself no matter what changes you make to the width of your page/site.

    Peace,
    Gabriel

    labonepetspa Friend
    #347020

    That worked! Thanks!!

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

This topic contains 4 replies, has 3 voices, and was last updated by  labonepetspa 14 years, 5 months ago.

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