Customize Logo Size

Ok got it!

I used this code to resize it,

.logo img {

width: 300px !important;

height: auto !important;

max-height: 200px;

}

and it worked fine.

But now I need to move the logo a little bit upward as it seems too close to the nav-bar.

or let say I need some more space between the logo and nav bar vertically.

Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.

Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”

Also I want to delete the grey bar from the top completely..as its use less for us.

Please have a look the way I’m putting the code in custom.css

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*

Desktop Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {

/* Add your Desktop Styles here */

/*header with social icons: */

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }

}

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */

}

I tried the code correctly as per your instructions but it wasn’t effecting anything :(

so i tried the one below also added positioning parameters and its working fine I guess,

.logo img {

width: 250px !important;

height: auto !important;

max-height: 167px;

position: relative;

bottom: 20px;

}

Now could you please tell me how can I delete the bar that is appear on the top of the page (blue header)??