WordPress.org

Ready to get started?Download WordPress

Forums

Moving logo and menu (17 posts)

  1. nofire
    Member
    Posted 1 year ago #

    hi! this is my website: http://www.onabih.ba

    How can I make it that the logo is moved a little LEFT, to be in line with the menu and then how to move the menu UP so that the black from logo, and the black from the menu come together (I want the menu just below the logo). This printscreen shows what I want: http://prntscr.com/hkqxe

  2. vtxyzzy
    Member
    Posted 1 year ago #

    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; }
  3. nofire
    Member
    Posted 1 year ago #

    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?

  4. vtxyzzy
    Member
    Posted 1 year ago #

    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

  5. nofire
    Member
    Posted 1 year ago #

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

    Do I access this via FTP or ?

  6. vtxyzzy
    Member
    Posted 1 year ago #

    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.

  7. nofire
    Member
    Posted 1 year ago #

    Didn't work. :S

  8. vtxyzzy
    Member
    Posted 1 year ago #

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

  9. nofire
    Member
    Posted 1 year ago #

    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;
    }

  10. vtxyzzy
    Member
    Posted 1 year ago #

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

  11. nofire
    Member
    Posted 1 year ago #

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

  12. vtxyzzy
    Member
    Posted 1 year ago #

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

  13. nofire
    Member
    Posted 1 year ago #

    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.

  14. vtxyzzy
    Member
    Posted 1 year ago #

    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.

  15. nofire
    Member
    Posted 1 year ago #

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

  16. vtxyzzy
    Member
    Posted 1 year ago #

    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;
    }
  17. nofire
    Member
    Posted 1 year ago #

    It's good now. Thank you very much!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags