Dear Siteorigin team,
Thank you for all your beautiful themes and great support so far. Much appreciated! I have been trying to place my logo on the top left corner on my Focus based website. However, when scaling the logo to menu, the logo becomes too small. On the other hand when not scaling it I am not being able to get on the similar lane with the menu while keeping it size. I happy with the current size of the logo, just the position could be better.
http://smartfilmproduction.com/
any advice?
cheers
Ondrej
Hi Ondra,
Try the following custom CSS to move your logo more to the left:
Please try and let me know! :)
Hello Addo,
Thank you for your response. The CSS you suggested moves the whole website left. I am looking to move the logo only. Up and left.
Thank you
Hi Ondra,
Sorry, that should have been:
Cheers!
Hello Addo,
Thank you for this. That works great. The very last thing I need here is to move the logo up and down to put it on the same line as the menu?
Thanks
ondrej
#masthead .site-title {
height: 5px !important;
}
#masthead .site-navigation .menu-wrapper ul li a {
height: 25px !important;
}
Nope this doesn’t work. I tried variations while changing the height values for both but still not change to position of logo to menu.
hi, i changed you .site-title to 5px and your menu aligned with the logo.
at the moment you have this css set #masterhead .site-title: 50px !important: you may need to find where you have this already in your css as no other changes will have an impact / override an !important .
this needs to be as below
#masthead .site-title {
height: 5px !important;
}
Ok. Sorry I hope I am still following your advice. I have now set it to the values you suggested, but now the logo is partially sunk behind the slider…
hi,
ive just checked your site on mozila and the logo and menu align on opera, safari, google chrome browsers i can see the problem with the alignment.
try this
#masthead hgroup img {
height: 70pxm !important;
}
#masthead hgroup img {
height: 70px !important;
}
Great job thank you! one more thing. If I decide to move the logo slightly left?
many thanks for your expertise.
hi,
there is still size issue in safari browser.
could you clear all the masterhead and menu changes in your custom css and where try alignment different way.
#masthead .site-navigation .menu-wrapper {
display: inline-block;
padding-top: 25px;
}
#masthead .site-navigation .menu-wrapper ul li a {
height: 31px !important;
}
Thanks for your assistance James!
Thanks gentleman. Great Job!
regards
Ondrej