Moving logo and menu
-
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
-
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; }
- The topic ‘Moving logo and menu’ is closed to new replies.