Site logo vertical alignment

  • Resolved miklosgyorgy

    (@miklosgyorgy)


    8 years, 1 month ago

    Hi,
    I have an issue with the vertical alignment of the site logo. THere is some vertical space between the menu and the top of the site logo. The problem that I have is that as I decrease the window’s width, the header picture gets smaller, while the site logo on top of it stays the same size, and eventually the site logo goes below the header picture and gets below the slider, which is not very nice.

    To avoid the site logo being overlapped, I could reduce its size, but that is not my preference, I don’t want to have it too small. It would be better to avoid the too big vertical space between the top of the site logo and the menu.

    Any ideas for this?
    Thanks,
    //Gy?rgy

    Site: https://szuloihang.hu

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Richie KS

    (@rkcorp)

    this one a bit tricky since your using header image with site logo inside header image box.
    best solution would be add this to customizer->general->custom css, its not perfect but viewable at least.

    @media only screen and (max-width:770px){
#header {height: 200px;}
#custom #header #siteinfo {position: absolute;top: 0;left: 0;z-index: 100;}
#custom-img-header {overflow: hidden;}
#custom-img-header img {max-width: none;top: -5px;left: -150px;position: relative;width: 800px;}
}

@media only screen and (max-width:450px){
#custom-img-header img {left: -100px;top:0px;width: 500px;}
}
    Thread Starter miklosgyorgy

    (@miklosgyorgy)

    Thanks for the quick response. Tried and I can see that it changes the behaviour, although not perfect yet, but I will play a bit with the numbers.

    REgards,
    –Gy?rgy

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Site logo vertical alignment’ is closed to new replies.