hello im working on the site
www.bertaanstoot.nl
i have edited the code so the logo is smaller(temporary fix i think) but when the screen is getting smaller then 1080p, the logo stretch over the whole screen(in witdth).
here is the parts of the code i eddited:
#masthead .hgroup .logo img {
vertical-align: bottom;
max-height: 174px;
max-width: 388.33333333333333333px;
}
when i work with procentages only the width will change and the heigt will stay to the max.
when i dont have this code in it the logo will be to big.
i want the logo about this size and that on smaller screens the logo will not be bigger then the screen
could you guys give me some tips or a solution for this problem ?
and is there also a option to get the logo to the left instead of centerd ?
Kind regards, Robert
Hi Robert
Thanks for reaching out.
A quick reminder that all WordPress themes completely overwrite their own folder during the theme update process. As a result, any changes made via Appearance > Editor or other means will be lost if we release an update to Vantage and you run that update.
Something like the following inserted at Appearance > Custom CSS might help:
/* Logo */ #masthead .hgroup .logo img { height: auto; max-width: 300px; } @media (max-width: 480px) { #masthead .hgroup .logo img { max-height: none; max-width: 100%; } }How many changes have you made to style.css ? Ideally, we should restore style.css to it’s original content so as to simplify the customization process and ensure we’re working for a known style base.