Some alignment/Padding Questions

[glascala]

Hello Support!

Just wanted to give a huge thank you for all the help in the past.
Now that the website published the client has noticed a few small changes.

The logo on the website is really really close to the top search bar and it is ONLY on the home page. Is there any way to fix this? Increase the spacing above? I tried messing with the size of the log and wasnt able to accomplish anything.

The second thing is that the Main Menu at the top of the page the client I have would like to see if we could get it aligned right with the phone number that was using the header widget? Is this possible? if so how can it be done? Couldnt really find or come up with any custom CSS for this option.

Thanks for the help again guys!

EDIT: Forgot to add a screenshot of the problems

[Veena]

I am unable to access your site . Can you share a valid link ?

[glascala]

This reply has been marked as private.

[Veena]

1.Remove the below custom CSS from you themeoptions –

 h1#site-logo {
    top: 0;
 }
 

2.Pls try the below custom CSS –

#primary-menu {
    float: none;
}
#sidebar-header aside#text-6 {
    position: absolute;
    right: 0;
    top: 90px;
}
@media only screen and (min-width:768px) and (max-width: 900px){
#sidebar-header aside#text-6 {
    top: 0px;
}}

[glascala]

This did change some things but not in the way that I need it to.
It brought the Menu to the left side of the page instead of to the right side,
Also id didnt bring down the logo, instead it brought down the phone number.

Please refer to my original post to see what I am looking for.
Thanks,

[glascala]

Update: I messed with some of the CSS and was able to get the logo moved to where I want it,
now I just need to get the primary menu moved to the right side just like the phone number

[Veena]

Sorry for the confusion.
You can use the below custom CSS –

h1#site-logo {
    top: 10px;
}
.woocommerce-site #primary-menu {
    margin-right: 0;
}
#sidebar-header aside#text-6 {
    padding-right: 8px;
}

[glascala]

Thank you for that!
One more thing about it tho is that the site logo on the other pages is not spaced the same as it is on the home page, any way to fix that?

[Veena]

I think you have already added the below custom CSS –

.home #site-logo {
    top: 15px;
}
.woocommerce-site #primary-menu {
    margin-right: 0 !important;
    right: 0;
}

You can correct the values according to your requirement .
If this custom CSS is not taking effect that means you have got syntaxerror in your custom CSS .
If so pls check it and correct it .

[Author]

Posts