Home › Forums › Pro Themes › Kids Education Pro › Head-Image Size on Pages

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 13, 2019 at 11:54 am #99833
    ziko
    Participant

    Hello again 🙂

    On the main page of my site

    https://www.spielmaeuse-wietzendorf.de/

    the slider-images have a good size but the head-images on the other sites like

    https://www.spielmaeuse-wietzendorf.de/unser-waldkindergarten/

    are not responsive. The visible area is getting narrower the smaller the screen is and the lower content seems to be coming up.

    Please, can you help me again?

    June 14, 2019 at 3:01 am #99873
    wensolutions
    Keymaster

    Hello @ziko,

    Add below given CSS to resolve the issue.

    @media screen and (max-width: 992px) {
	#header-image img {
		width: 100%;
		vertical-align: middle;
		margin: 23% 0 0 0 !important;
	}
	#content {
		margin-top: -30px !important;
	}
}

    Hope this helps.

    Thank you.

    June 14, 2019 at 6:48 am #99885
    ziko
    Participant

    Thats it!

    Thank you so much

    June 14, 2019 at 7:02 am #99886
    wensolutions
    Keymaster

    Hello @ziko,

    Glad we could help you.

    let us know if you have any issues further.

    Also, we would really appreciate if you could help us by rating our theme by following the link below:

    https://wordpress.org/support/theme/kids-education/reviews/

    Thank you.

    Have a great weekend.

    July 1, 2019 at 5:11 am #101046
    ziko
    Participant

    once again I need your help with my site http://www.spielmaeuse-wietzendorf.de 😉

    After the solution for my last problem, the individual pages work great but on the main page (the page with the sliders) shifts the menu bar with the logo from a width of 992px upwards.

    sincerely Ziko

    p.s. I made the rating for you 😉

    July 1, 2019 at 8:25 am #101060
    wensolutions
    Keymaster

    Hello

    When we inspected your URL we could not spot the issue that you have reported. Can you please explain the issue further so that we can inspect it further ?

    Regards!

    July 2, 2019 at 2:44 am #101096
    ziko
    Participant

    for sure

    Bilder-Upload.eu - share DEINE Bilder

    Bilder-Upload.eu - share DEINE Bilder

    July 2, 2019 at 6:50 am #101110
    wensolutions
    Keymaster

    Hello

    Please attach the below given CSS in the additional CSS section.

    @media screen and (max-width: 992px){
header#masthead.site-header {
    height: 150px !important;
}
img.custom-logo {
    margin-top: 45px !important;
}
}

    Hope this helps

    Feel free to reach us for any further query/confusion.

    Regards!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.