[shanewasik]

Hiya,

Great theme so far, considering the pro version to enable a responsive layout. Wasn’t sure how much this would effect the content though if I’ve added customised info.

Anyway, I’ve uploaded a custom logo and reduced the header margin at the top of the page which is great but I can’t seem to find the code to reduce the margin between the bottom of the logo and the top of the meu bar. Any advice on finding that?

The site is http://www.baskingsharkscotland.co.uk

Thanks

Shane

Thanks
Shane

[Sakin]

@shanewasik: Just add the following css in “Custom CSS” box in Theme Options panel. Reduce the margin as per your need.
#header #mainmenu { margin-top: 40px }

[shanewasik]

Hi Sakin,

Thanks mate, I think I changed this in the main code to reduce between the top of the logo and top of  the page which reduced down nicely.

Will this work for the bottom of the logo and button bar? I was looking for margin-bottom or something similar if that exists?

 

Thanks

 

Shane

[Sakin]

yes use that in “Custom CSS” box in Theme options. If you add the following
#header #mainmenu { margin-top: 20px }
It will reduce the space between the header image and navigation by 20px

[ahhthesimplelife.com]

Hi, 

I have the same problem (too much space between logo and tab bar).

Right now I have this code:

#header #mainmenu { margin-top: 1px }

and it still looks like too much space.

See my home page: http://www.ahhthesimplelife.com/

Many thanks!

[shanewasik]

Yep same, issue as me, I added the code in the custom box but it didn’t work. I do have some other code in there though, not sure how much difference that makes?

Shane

[Sakin]

@ahhthesimplelife.com: I just check in your site and looks like you have modified css. Just update your theme to latest version 2.3.2 which will remove the edits that you have done is style.css and it will be fixed.

Please don’t edit any theme code file for any css customization we need to add in “Custom CSS” box in Theme Options panel or in Child Theme.

[ahhthesimplelife.com]

Hi Sakin,

I really do not want to upgrade my theme as it will destroy my customizations.

Any other suggestions?

Thanks,

Carol

 

[Sakin]

@ahhthesimplelife.com: That is why don’t edit in your theme core files. If you want to edit css then use Custom CSS box and for functions build child theme and edit there.

[ahhthesimplelife.com]

Sorry, but I don’t think you understand
I did put that code in the Custom CSS box and it made no difference
(just as you advised Shane)

Here is the code:
#header #mainmenu { margin-top: 40px }
 
Here is my blog:
http://www.ahhthesimplelife.com/

Also, I would love to be able to center the Tagline under the logo.

Many Thanks,
Carol

[Sakin]

@ahhthesimplelife.com: Hello Carol, the main problem of your site in due to the Site Tagline too long and it makes your right side section to come down. This increases the space. So, either reduce the tagline or add the following CSS in your “Custom CSS” box in Theme Options panel.

#site-details { clear: both; }
h2#site-description { max-width: 340px; text-align: center; }


[shanewasik]

Hi Guys,

It didn’t work for me either – can you help Sakin?

This is what is in my Custom CSS box

 

Thanks

Shane

 

h1#site-title a img {

float: left;

height: 304px;

max-height: 185px;

padding-right: 0px;

width: 550px;

}

h1#site-title {

background: url(“http://baskingsharkscotland.co.uk/wp-content/uploads/2013/04/BSShoriz_web.png”) no-repeat scroll 0

 

#header #mainmenu { margin-top: 1px }

[ahhthesimplelife.com]

Hi Sakin and Shane,

Sakin, thanks for your quick response.

Shane, thanks for your posts.

Here’s what mine looks like now: http://www.ahhthesimplelife.com/

Much, much better!

Code:

#header #mainmenu { margin-top: 40px }

#site-details { clear: both; }

h2#site-description { max-width: 340px; text-align: center; }

[Sakin]

Hello @shanewasik and @ahhthesimplelife.com : Now I am confused because of two communicating together. Can you have separate forum thread or communicate one by one. or can you list what each of you want. Sorry I am lost.

[ahhthesimplelife.com]

Sorry for the confusion. I am all set for now.

Kind Regards,

Carol

[shanewasik]

Hi Sakin,

Still the same issue for me, looking to get the space between the menu bar and logo smaller. The code you advised didn’t work in the Custom CSS box.

This is what code I have.

Thanks again for your help
h1#site-title a img {
float: left;
height: 304px;
max-height: 185px;
padding-right: 0px;
width: 550px;
}
h1#site-title {
background: url(“http://baskingsharkscotland.co.uk/wp-content/uploads/2013/04/BSShoriz_web.png&#8221  no-repeat scroll 0

#header #mainmenu { margin-top: 1px }

[Sakin]

To reduce the margin between the bottom of the logo and the top of the menu bar. Add the following CSS in “Custom CSs” box in Theme Options panel. Adjust the margin top as per you need in site http://baskingsharkscotland.co.uk/
#header #mainmenu { margin-top: 10px; }

[shanewasik]

Thanks Sakin, I had tried it a few times but it didn’t work. However I placed it at the beginning of the Custom CSS box and now works fine. Thank you very much for your help.

Would you have any advice on getting the search box further down towards the menu bar, along with the social media buttons, with the logo moving down they seems to be a bit far up the page.

I saw from your previous posts that you suggest not to alter the theme code but add any alterations into the custom CSS box.

Thanks

Shane

[Sakin]

@shanewasik: Yes, just add the following CSS in “Custom CSS” box in Theme options panel. You can increase the margin top.
#header .social-search { margin-top: 100px; }

[shanewasik]

Thanks for all your help.

Shane

[Author]

Posts