Support » Themes and Templates » Cannot make logo and top menu align properly

  • AshawnW

    (@ashawnw)


    Greetings,

    I am trying to set up a website for a future language school, and I am having some trouble modifying the css/php to make the logo and top menu align properly. Please visit my site, http://www.concord-sihai.com, to see what I mean. I would like the logo to align at the top, and the the menu to be aligned on the right, instead of overlapping the logo.

    I would really appreciate any help.

    Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)
  • esmi

    (@esmi)

    Forum Moderator

    Start by sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

    govpatel

    (@govpatel)

    In your http://www.concord-sihai.com/wp-content/themes/deep-blue/css/header.css

    Look for this code

    .menu ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;

    Change left to right and you will the shift right.

    govpatel

    (@govpatel)

    In this file

    http://www.concord-sihai.com/wp-content/themes/deep-blue/css/structure.css

    #header {
    float:left;
    margin:60px 0 20px;
    padding:0;
    width:962px;

    60px to a smaller 30px it will shift the header and menu up 30px.

    AshawnW

    (@ashawnw)

    Thanks for the information. That has moved the logo up, which I think looks much better, but the bottom is still cut off. I know my logo size, and I set the parameters to that, but to no avail. Any advice?

    Thanks,
    Shawn

    Looks like you have a “header.css” file as well. Check that the height in that file for the logo is correct.

    AshawnW

    (@ashawnw)

    Thanks everyone. I just found the problem in my header.php file. I had the parameters set to match the image size exactly, but they were cutting it off. So, I expanded them and it seems ok now.

    <?php } else { ?>
    
            <a class="image_logo" style="width: 372px; height: 110px; background-image: http://www.concord-sihai.com/wp-content/themes/concord/images/concordlogo.png;" href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('description'); ?>"><?php bloginfo('name'); ?></a>
    
            <?php } ?>
    AshawnW

    (@ashawnw)

    Ok, new question: In the right column, you see “Follow Us”, “Recent Comments”, and “Recent Posts”. I want to complete remove all of that, and expand the main text area. I thought the right column was widgets, but I do not seem to be able to remove that through removing widgets.

    govpatel

    (@govpatel)

    they might be hard coded in your sidebar.php

    AshawnW

    (@ashawnw)

    Thanks. I have removed the information in the sidebar.php file, and it worked. However, I tried expanding the main post area in the structure.css file, and only the icons expand.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Cannot make logo and top menu align properly’ is closed to new replies.