I use 4 fancy boxes on a couple of pages on my site and I discovered that on large screens the last box get higher than the rest. I use equal hight on the row and have set all of the fancy boxes to same hight.
Thanks for your answer. All boxes were already set to min hight 450px on all four boxes, and all background-images are same size. That is why it is so strange...
I had to set the height to 650 and now it works...but I think the section is to high. Is there a way to set the height to less on small screens, when the boxes are stacked on top of each other?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) {
.meta-wrap {
min-height: 400px !important;
}
}
Hello!
I use 4 fancy boxes on a couple of pages on my site and I discovered that on large screens the last box get higher than the rest. I use equal hight on the row and have set all of the fancy boxes to same hight.
Thank you // Delal
Hey Again,
Simply increase the Min Height in here : http://prntscr.com/j2xgn4 .
Best
ThemeNectar Support Team
Hi Tahir!
Thanks for your answer. All boxes were already set to min hight 450px on all four boxes, and all background-images are same size. That is why it is so strange...
Best regards, Delal
Hello there,
Thank you for writing in once again and apologies for the trouble.
Can you please give us a temporary admin access to your site? We'll be in a better place to spot anything suspicious from here.
You can add new users by going to Users > Add New set the user and password for us, set the role to admin and send the info here. You can navigate here for more details; https://make.wordpress.org/support/user-manual/customizing-wordpress/managing-users-on-your-wordpress-site/adding-users-to-your-wordpress-site/
Hope to hear from you soon!
Regards
Hey Theme Nectar!
Just wondering if you are working on the problem. The client is waiting for us to solve the problem.
Thank you // Delal
Hey Again,,
They need to be atleast 465 for all of them to be equal as the last 2 boxes has double line text.
Be.st
ThemeNectar Support Team
Hi!
That is not the answer, I'm afraid. I just tried at 465 and still the same problem, on really large screens and on smaller screens.
// Delal
Just set it to 480 and there is no gap now .
Be.st
ThemeNectar Support Team
No, still the same problem in Safari but I tried it in Firefox and there is no problem in Firefox. Maybe a browser problem.
Hey Again,
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/
Best.
ThemeNectar Support Team
Still the same problem :(
Hey Again,
Try changing it to 500px and check .
Be.st
ThemeNectar Support Team
Tried, not working!!!
Seems to be alright now on Safari : http://prntscr.com/j3rd1i .
Best.
ThemeNectar Support Team
Hi Tahir!
I had to set the height to 650 and now it works...but I think the section is to high. Is there a way to set the height to less on small screens, when the boxes are stacked on top of each other?
Thanks // Delal
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media and (max-width: 1000px) { .meta-wrap { min-height: 400px !important; } }Thanks
ThemeNectar Support Team
Hi Tahir!
The code is not working, it is not making any changes and I get an error message.
Thank you // Delal
This is the correct css .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) { .meta-wrap { min-height: 400px !important; } }Thanks
ThemeNectar Support Team
Nope! Still not working!
The sections are not getting any smaller, but the problems with the strange padding is coming back.
Thank you!
Hey Again, Hope you had a Great Weekend,
Sorry for the delay .
I cant seem to view the css i provided . Also the css seems to be working as intended while adding it to the Live Browser: http://prntscr.com/jbxbio .
Best
ThemeNectar Support Team