WordPress.org

Support

Support » How-To and Troubleshooting » Moving logo and menu

Moving logo and menu

Viewing 15 replies - 1 through 15 (of 16 total)
  • Try adding this to the end of style.css:

    #logo { margin-left: -20px; }
    header .container .row #fullmenu { margin-top: -34px; }
    #fullnav { margin-top: 0; background-color: #101010; }

    My style.css only contains this:

    /*
    Theme Name: Neuro
    Theme URI: http://cyberchimps.com/neuro/
    Description: A professional responsive HTML5 blog WordPress theme with drag and drop theme options by CyberChimps WordPress Themes.
    Author: CyberChimps WordPress Themes
    Author URI: http://cyberchimps.com
    Version: 2.0.24
    Tags: white, light, silver, gray, pink, two-columns, flexible-width, fixed-width, custom-header, custom-menu, threaded-comments, sticky-post, custom-background, custom-colors, featured-images, full-width-template, post-formats, right-sidebar, translation-ready, theme-options
    License: GNU General Public License v2.0
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    */

    Where do I put that what you wrote?

    The logo is no longer black, so I am not sure you still want this. However, the file to edit is themes/neuro/css/style.css

    I changed the color, but I still want the same.

    Do I access this via FTP or ?

    Yes, you will probably need to do it via ftp. But first try just using Admin->Settings->Editor and pasting to the end of that style.css file. If that does not work, remove it and use ftp on the other file.

    Didn’t work. :S

    Please put the code at the end of themes/neuro/css/style.css and leave it there for me to edit.

    I’m copying a couple of last lines of that code:

    /* Tabs */

    .response-tabbed-header li a {
    float: left;
    padding: 7px 13px 7px 13px;
    margin-left: 0px;
    font-size:13px;

    }

    .response-tabbed-tab {
    clear: both;
    }

    .ui-tabs-hide {
    display: none;
    }

    /* ========================== For sticky footer ======================================= */
    * {
    margin: 0;
    }

    html, body {
    height: 100%;
    margin:0px !important;
    }

    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto -216px auto; /* the bottom margin is the negative value of the footer’s height */
    }

    .footer, .push{
    height: 216px;
    clear:both;
    }

    Please put the code I posted at the end of that file and leave it there.

    There. i did it, but now it covers a bit my Facebook and Youtube icons?! :S

    Sorry, it worked in Firefox and I did not check in IE or Chrome. I apologize.

    Okay. Is there a way I can fix this? I’d like to keep it like this, but I’d only need to move the Facebook and Youtube icons up a bit too.

    I really can’t test things while you are changing them. Please put everything back the way it was and leave it until I can get back to you.

    Okay. Now I’ve put the last version of picture (logo). I won’t be changing it anymore.

    It is OK to change it, just not while I am trying to work on it.

    Please try deleting any previous code I gave you and replacing it with this:

    #logo { margin-left: -20px; }
    header .container .row #fullmenu { margin-top: -34px; }
    #register.five.columns {
        margin-left: 300px;
       position: absolute;
        top: 30px;
    }
Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Moving logo and menu’ is closed to new replies.
Skip to toolbar