This topic has 16 replies, 5 voices, and was last updated 8 years, 4 months ago ago by Eva Kemp
Hello,
Since the new update(s) my theme has some issues..
The banner content is no longer vertically aligned in the banners and the blocks with recent posts are no longer the same height.
Hello AANDAGT,
would you kindly show us these problems on screenshot? This will help a lot.
Regards,
Stan Russell.
Yes, ofcourse!
See: http://i.imgur.com/D90qqaU.png for the issue with the height of my “Post Blocks”
And the banner block, the text should be vertically aligned in the banner. This somehow got screwed up after the update: http://i.imgur.com/vBMnTYS.png
Thanks!
Hello,
Please update all required plugins too.
You can download them here:
https://www.8theme.com/download-plugins/
Regards,
Eva Kemp.
All plug-ins are up to date, but the issues both still appear
Hello,
Please try to add the following code in Child Theme
@media (max-width: 767px){
.banner-inner {
display: block;
top: 50%;
width: 100%;
position: absolute;
margin-top: -50px;
}
}
Regards,
Robert Hall.
Hello,
That doesn’t fix the problem on larger screens?
And what about the blocks with the recents posts?
Thanks in advance.
Hello,
Do you have this problem on larger screens?
Please provide screenshot for our better understanding what exactly you mean.
Regards,
Robert Hall.
As posted before:
See: http://i.imgur.com/D90qqaU.png for the issue with the height of my “Post Blocks”
And the banner block, the text should be vertically aligned in the banner. This somehow got screwed up after the update: http://i.imgur.com/vBMnTYS.png
Thanks!
Hello,
I’ve edited the code:
@media (min-width: 767px){
.banner-inner {
display: block !important;
top: 50% !important;
width: 100% !important;
position: absolute !important;
margin-top: -70px !important;
}
}
and added this code in child style.css for posts blocks:
.vc_custom_1449052172843 {
height: 200px;
}
Please check your site now.
Regards,
Eva Kemp.
Hi,
That doesn’t fix my blocks. See:
http://i.imgur.com/2eYQtE2.png
Also, the height of the blocks is only fixed for the element on my home. Not on other pages.
There was an option before the update to automatically give the post-blocks the same heights.
Hello,
I’ve set this code in child style.css file:
.vc_gitem-zone {
height: 200px;
}
instead of this code:
.vc_custom_1449052172843 {
height: 200px;
}
and added this code in CSS block of Visual Composer editor in home page:
http://storage7.static.itmages.com/i/15/1204/h_1449237725_2275337_69e8d4e2a2.png
Please check pages now.
Best regards,
Jack Richardson.
Hello Jack,
I see what you did, but this isn’t really a solution for the height of the blocks.
Now on smaller screen and tablets it looks totally off.
Before the update the height was automatically calculated (I think), so it would fit on any screenport.
Is there no way to get this back?
Regards,
Rafael
Hello,
Please show screenshots of the issues you see on mobile. Also check if they persist with parent theme.
Thank you.
Best regards,
Jack Richardson.
Hello,
I’ve added this code in child style.css:
@media (max-width: 480px) {
.banner1 .banner-inner, .banner3 .banner-inner {
margin-top: 39% !important;
}
.banner2 .banner-inner {
margin-top: 8% !important;
}}
Please check site on mobile now.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up