Home › Forums › Pro Themes › Kids Education Pro › logo does not show in the mobile version

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 28, 2019 at 5:06 pm #89875
    riz
    Participant

    Hi,

    Recently, I purchased your kindergaten pro theme and bulit a website. My biggest issue is website logo does not show in the mobile version. please help me ASAP since it affect our business. website link is
    http://www.kidzlagoon.com

    Thank you for your help.

    -RIZ

    January 28, 2019 at 11:44 pm #89897
    wensolutions
    Keymaster

    Hello @ritz,

    The issue has d=ue to some additional CSS that you have added in the theme.

    So now to fix the issue, please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    @media screen and (max-width: 992px){
	#masthead {
	    display: block !important;
	}
	.site-branding {
		width : 100%;
	}
	#main-slider {
		margin-top: 154px;
	}
	.main-navigation.left-menu,
	.main-navigation.right-menu {
	    display: none;
	}
}

    Hope this helps.

    Regards!!

    January 29, 2019 at 3:56 pm #89932
    riz
    Participant

    ok. Thanks.

    January 29, 2019 at 10:26 pm #89939
    wensolutions
    Keymaster

    Hello @riz,

    Glad we could help you.

    If you have any issues further then kindly let us know.

    Best Regards!!

    January 30, 2019 at 7:48 am #89990
    Sue Pheasey
    Participant

    I’ve applied the above coding also to my site and it works great. However, as soon as you scroll down the logo becomes quite small – how do we make it a little larger?

    Thank you

    January 30, 2019 at 9:12 am #89996
    Sue Pheasey
    Participant

    I’ve re-written above comment here and also included a link to my site.

    I’ve applied the coding you gave to Riz to my site and it works great.

    How can I make the logo appear a little larger? Also, as soon as you scroll down the logo becomes quite small – is it possible to make it stay a little larger?

    http://www.teachersgem.co.uk

    Thank you

    January 30, 2019 at 10:46 pm #90032
    wensolutions
    Keymaster

    Hello,

    Glad that the code that we have provided worked.

    Now to make the logo size bigger even when scrolling down the page, please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .is-sticky .site-logo {
    width: 200px;
}

    Hope this helps.

    Regards!!

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