Home › Forums › Pro Themes › Kids Education Pro › Log issues with resizing and the cloud background image not covering properly
Tagged: logo size
- This topic has 8 replies, 2 voices, and was last updated 7 years, 11 months ago by
wensolutions.
-
AuthorPosts
-
February 28, 2017 at 9:42 am #33727
dcreech
ParticipantThe 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 #33826wensolutions
KeymasterHello @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 #35448dcreech
ParticipantThis 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 #35510wensolutions
KeymasterHello @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 #35588dcreech
ParticipantAlso 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 #35589dcreech
ParticipantAlso 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 #35610wensolutions
KeymasterHello @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 #35639dcreech
Participantthank 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 #35751wensolutions
KeymasterHello @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!!
-
AuthorPosts
- You must be logged in to reply to this topic.