Hello - I am having issues with the mobile (iphone) version of my website - the logo overlaps the welcome title of the slider on the homepage...any thoughts? thanks
Hmm. Did you remove the logo image out? The logo does not show up on the page. I have checked it on both desktop and iPhone but cannot see the logo image in the side panel. Here is what I see: http://cl.ly/image/0R3N3x2a3Z2X
Please try uploading the logo again in "Style Customizer > Side Panel > Site Logo".
hello - I don't know what happened to the logo - it's there now. Can you please take a look again? Its www.skyworksballoons.ca and when you go on the mobile device, the logo is on top of the text. THanks!
It is because of the logo image's height that takes up some space in the header area so it overlays on top of the caption title (as you know, on mobile, there is a limited space for both width and height).
Please try this:
1. Open "/js/kose.js" file and find this code:
if ( ! isFirstLoad) {
delayTime = 0;
}
2. Add some more code below it so as a result, it will be:
if ( ! isFirstLoad) {
delayTime = 0;
}
var siteWidth = $(window).width();
if (siteWidth <= 767) {
$(caption).css({
top : $('#side-container').outerHeight() + 50,
});
}
3. Clear all web cache and browser cache.
4. The caption title should now appear under the header area.
Hello - I am having issues with the mobile (iphone) version of my website - the logo overlaps the welcome title of the slider on the homepage...any thoughts? thanks
Hi Ivana,
I could not access the given URL. It said that "This webpage is not available". Is it incorrect?
Regards,
Paul
www.skyworksballoons.ca is the correct url - thank you for your help Paul.
Hmm. Did you remove the logo image out? The logo does not show up on the page. I have checked it on both desktop and iPhone but cannot see the logo image in the side panel. Here is what I see: http://cl.ly/image/0R3N3x2a3Z2X
Please try uploading the logo again in "Style Customizer > Side Panel > Site Logo".
hello - I don't know what happened to the logo - it's there now. Can you please take a look again? Its www.skyworksballoons.ca and when you go on the mobile device, the logo is on top of the text. THanks!
It is because of the logo image's height that takes up some space in the header area so it overlays on top of the caption title (as you know, on mobile, there is a limited space for both width and height).
Please try this:
1. Open "/js/kose.js" file and find this code:
if ( ! isFirstLoad) { delayTime = 0; }
2. Add some more code below it so as a result, it will be:
if ( ! isFirstLoad) { delayTime = 0; } var siteWidth = $(window).width(); if (siteWidth <= 767) { $(caption).css({ top : $('#side-container').outerHeight() + 50, }); }
3. Clear all web cache and browser cache.
4. The caption title should now appear under the header area.
Method#2:
Another way is to hide all the caption text on mobile devices. Please check out this FAQ: http://uxbarn.ticksy.com/faq/2534