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

This topic contains 7 replies, has 2 voices, and was last updated by  wensolutions 2 weeks, 5 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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?

    #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.

    #99885

    ziko
    Participant

    Thats it!

    Thank you so much

    #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.

    #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 😉

    #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!

    #101096

    ziko
    Participant

    for sure

    Bilder-Upload.eu - share DEINE Bilder

    Bilder-Upload.eu - share DEINE Bilder

    #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!

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.