Home › Forums › Pro Themes › Kids Education Pro › Log issues with resizing and the cloud background image not covering properly

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 28, 2017 at 9:42 am #33727
    dcreech
    Participant

    The cloud that is behind the logo is not large enough once I have taken the site header display to none:
    }
    #site-header {
    display: none;
    }

    Also the logo resizes when scrolling down, which shrinks the border image, not the cloud but the logo within the cloud.

    February 28, 2017 at 10:42 pm #33826
    wensolutions
    Keymaster

    Hello @dcreech,

    To maintain the size of the logo in the sticky mode, use below given CSS.

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

 .is-sticky .site-branding {
   top: 3px;
}

    Hope this helps.

    Best Regards!!

    March 12, 2017 at 1:22 pm #35448
    dcreech
    Participant

    This fixed the issue with changing the logo size. However, the logo is closer to the top of the page when scrolling. Which actually works out better because of the other issue I had reported being that once I removed the header display the cloud is not large enough to cover my logo.

    So – I either need to cloud to be a bit larger or my logo to be closer to the top of the page like it is when scrolling

    March 13, 2017 at 3:26 am #35510
    wensolutions
    Keymaster

    Hello @dcreech,

    While we tried to access your website URL from the IP you have provided, we could not access the site.

    Please provide us your site URL so that we could inspect your site current status of the header / logo and precisely help you with the issue.

    Best Regards !!

    March 13, 2017 at 6:41 pm #35588
    dcreech
    Participant

    http://40.71.219.198

    Also the issue on the contact template with the second item (phone) not being as wide a column width or able to center an email address…no matter what line I put it on.

    March 13, 2017 at 6:42 pm #35589
    dcreech
    Participant

    Also please take a look at the slider image on my contact page – it is much taller than when it appears on my home page…

    March 14, 2017 at 1:57 am #35610
    wensolutions
    Keymaster

    Hello @dcreech,

    The solution to your problem are listed below.

    I either need to cloud to be a bit larger or my logo to be closer to the top of the page like it is when scrolling

    The below given CSS will make the logo closer to the top of the page in non sticky mode .

    .site-branding {
    top: 8px;
}

    Also the issue on the contact template with the second item (phone) not being as wide a column width or able to center an email address…no matter what line I put it on.

    Please use below CSS to solve the issue .

    #contact-address .address-block li.address small {
    padding: 0px!important;
}

    Also please take a look at the slider image on my contact page – it is much taller than when it appears on my home page…

    To manage the slider image in the contact page use below given CSS.

    #header-image img {
    height: 550px;
}

    Paste above given CSS in Admin Panel > Appearance > Customize > Additional CSS.

    Hope this helps.

    Best Regards!!

    March 14, 2017 at 9:32 am #35639
    dcreech
    Participant

    thank you. That addressed all but the logo when in sticky mode I guess. The cloud around it is smaller (when on the home page) and the logo extends over it.

    March 15, 2017 at 6:09 am #35751
    wensolutions
    Keymaster

    Hello @dcreech,

    In order to increase the size of the cloud use below given CSS.

    .site-branding {
     padding: 0 0 65px 0;
}

    Hope this helps.

    Best Regards!!

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