WordPress.org

Ready to get started?Download WordPress

Forums

Cannot make logo and top menu align properly (10 posts)

  1. AshawnW
    Member
    Posted 3 years ago #

    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.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

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

  3. govpatel
    Member
    Posted 3 years ago #

    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.

  4. govpatel
    Member
    Posted 3 years ago #

    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.

  5. AshawnW
    Member
    Posted 3 years ago #

    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

  6. stastic
    Member
    Posted 3 years ago #

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

  7. AshawnW
    Member
    Posted 3 years ago #

    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 } ?>
  8. AshawnW
    Member
    Posted 3 years ago #

    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.

  9. govpatel
    Member
    Posted 3 years ago #

    they might be hard coded in your sidebar.php

  10. AshawnW
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.