I have modified the text element of the grid (gallery tabs) text. I have two sentences as below:
<div class="carusel-tabs-text">
<div class="carousel-cell">
<h2 class="title invert">Responsive design</h2> <p>We provide great contemporary websites for new or existing businesses, helping to increase brand awareness, generate sales and expand your customer base. We believe in delivering great value and offer a number of website packages.</p> <p>We deliver sites using two technologies, traditional HTML or WordPress content managed solutions. WordPress will give you complete control over editing the content on your website.</p> </div>
The menu text element is truncated at the bottom of the element it's posted in, and the menu for the slider is not contained so appears above the black background.
I've taken a quick look at the css but height elements appear to be 100% any thoughts?
It all looks good on iphone and smaller device emulations.
I have uploaded the files to the following address. only the index file and directory content uploaded, so not other pages will work. This issue is still exhibiting itself in Chrome ipad - landscape mode. I just tried on my ipad 2 and shows the same issue.
Thanks, that's fixed the menu overflow at the top. It truncates the text at the bottom as it extends outside of the block. Is it feasible to extend the container to show all the text?
I saw that the text is 'cut'. I'll have to reduce the amount of text if its not feasible to extend the container to show the full text. Thanks for fixing the header...
Ok, I checked again and found something not work good with custom style in previous reply, please try remove this style and use new custom style in below:
Thank you for your support. I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.
Hello,
I have modified the text element of the grid (gallery tabs) text. I have two sentences as below:
<div class="carusel-tabs-text">
<div class="carousel-cell">
<h2 class="title invert">Responsive design</h2>
<p>We provide great contemporary websites for new or existing businesses, helping to increase brand awareness, generate sales and expand your customer base. We believe in delivering great value and offer a number of website packages.</p>
<p>We deliver sites using two technologies, traditional HTML or WordPress content managed solutions. WordPress will give you complete control over editing the content on your website.</p>
</div>
The menu text element is truncated at the bottom of the element it's posted in, and the menu for the slider is not contained so appears above the black background.
I've taken a quick look at the css but height elements appear to be 100% any thoughts?
It all looks good on iphone and smaller device emulations.
Any thoughts on the css to change?
Regards,
Andrew
Hi,
Maybe you can provide screenshot and website url so I can check it?
Best Regards,
Jelly Team
Hi
Two screenshots attached showing top and bottom of the screen in Chrome iPad emulation.
Regards,
Andrew
Hi,
Unfortunately, I don't see it in my side on our demo, maybe you can provide website url so I can check it?
Best Regards,
Jelly Team
HI,
I have uploaded the files to the following address. only the index file and directory content uploaded, so not other pages will work. This issue is still exhibiting itself in Chrome ipad - landscape mode. I just tried on my ipad 2 and shows the same issue.
http://itamazed.co.uk/demos/temp/in8.html
Regards,
Andrew
Hi,
Please try add this custom style in main.css file.
@media screen and (max-width: 1024px) {.vcenter {top: 60%;}
.banner-tabs .list-horizontal-links, .banner-tabs .carousel-tabs {
margin-bottom: 0px;
}
.banner-tabs .list-horizontal-links, .banner-tabs .carousel-tabs{
font-size: 13px;
letter-spacing: 1px;
line-height: 25px;
}
.banner-tabs p:not(:last-child) {
margin-bottom: 20px;
}
.banner-tabs p {
line-height: 30px;
}
}
Best Regards,
Jelly Team
Hi,
Thanks, that's fixed the menu overflow at the top. It truncates the text at the bottom as it extends outside of the block. Is it feasible to extend the container to show all the text?
Andrew
Hi,
It's fixed the text is cut, maybe you can refresh your page when you enable the ipad screen in google chrome dev tool?
Best Regards,
Jelly Team
I saw that the text is 'cut'. I'll have to reduce the amount of text if its not feasible to extend the container to show the full text. Thanks for fixing the header...
Andrew
Hi,
Ok, I checked again and found something not work good with custom style in previous reply, please try remove this style and use new custom style in below:
@media screen and (max-width: 1024px) {.banner-tabs > div {
padding: 0px 10% !important;
}
.banner-tabs .list-horizontal-links, .banner-tabs .carousel-tabs {
margin-bottom: 0px;
}
.banner-tabs .list-horizontal-links, .banner-tabs .carousel-tabs{
font-size: 13px;
letter-spacing: 1px;
line-height: 25px;
}
.banner-tabs p:not(:last-child) {
margin-bottom: 20px;
}
.banner-tabs p {
line-height: 30px;
}
}
If it still not work correct, maybe you can provide ftp information? So I will take a look in your website and correct it for you.
Best Regards,
Jelly Team
Thanks,
Looks like that's fixed it.
Regards,
Andrew
Hi,
Glad it’s working for you now. Do you still need my help?
P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.
Best Regards,
Jelly Team
Thats it for now. I'll rate the theme for you when I get a moment.
Hi,
Thank you for your support. I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.
Best Regards,
Jelly Team