ThemePalace: WordPress Themes & Plugins Forums Kids Education Pro Log issues with resizing and the cloud background image not covering properly

Tagged: 

This topic contains 8 replies, has 2 voices, and was last updated by  wensolutions 1 month, 1 week ago.

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

    #33826

    wensolutions
    Participant

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

    #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

    #35510

    wensolutions
    Participant

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

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

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

    #35610

    wensolutions
    Participant

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

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

    #35751

    wensolutions
    Participant

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

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

You must be logged in to reply to this topic.