-
Posts
-
Good morning, I’m building the homepage of my website http://www.casapumua.com
starting from an Enfold demo.The problem is that I can’t remove the excessive space below the three text boxes (two white ones on the sides and a beige one in the center).
There’s a large empty space left underneath. Please give me instructions on how to remove it. It’s linked to the three boxes—there isn’t any additional element creating that space.
I’ll share the website access details with you so you can fix the issue.
ThanksHey soniavoice,
Did you try to set a lower minimum height for the section in the element options?
Best regards,
RikardHi,
Please try to set a different minimum height to the section again, or no minimum height at all.
Best regards,
Rikardplease have a check. I have already tell you that I have tried all! In mobile is correct in desktop there is some issue.
Minimum Size is set as 0px. I have tried all combination. Enter in the web site and please correct this bug.
Thanks. Is urgentHey soniavoice,
Thank you for the update.
Please add this css to reduce the height of the section containing the 3 boxes.
.avia-section.av-mnfxwls2-93b37da24b8b24863c42e12e957151f8 { height: 0px; overflow: visible; }You can add this under Enfold > General Styling > Quick CSS. If you’d prefer a cleaner approach, you can also replace that long auto-generated selector by assigning a custom css class to the section and targeting that instead.
— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support
Please make sure to purge the cache before testing. Let us know if the issue persists.
Best regards,
IsmaelI added the code and now I have the opposite problem. The empty space has completely disappeared, and the gallery below is covered by the three boxes. As a result, it’s not possible to click and open the photos in the first row of the gallery.
I’m waiting for the fix please.Hi,
Have you tried increasing the height in the css rule above? It is currently set to 0px, so it hides the section and completely removes the space between the three boxes and the section below.
Best regards,
IsmaelYou can have ha look to the page casapumua.com to understand that now there is still a problem. If I increase in the css the height from 0 to 20px for example, nothing changes.
Please solve this issue. If you heve elements that doesn’t work properly is better to remove from Enfold.Hi,
Thank you for the update.
We logged in to the dashboard, but the account above doesn’t have admin rights, so it doesn’t have access to Enfold > Theme Options. Please set the user role or provide another admin account. Try setting the height value to 200px or larger, then purge the cache. 20px is a little too small.
This is how it looks when we directly edit the height to 300px in the browser.
Best regards,
IsmaelHi thanks. I put 200 px and now it look noce but it is not possible to click on the picture of the first line of the masonry gallery.
I changed role in admin so you can check the dashboard.
Thanks.The issue is solved partially on desktop view. On mobile it is a disaster!
The gallery is behind the three boxes and is no longer visible.
Please check as soon as possibile. thanksHi,
Thank you for the update.
Please add this css to push the gallery down only on mobile:
@media only screen and (max-width: 767px) { #portfolio { padding-top: 1500px; } }You can add this under Enfold > General Styling > Quick CSS. Please make sure to purge the cache before testing, and adjust the 1500px value up or down depending on how much space you need.
Let us know if the issue persists.
Best regards,
IsmaelI added the code. There is a problem: I can’t open the first line of pictures in the gallery. Try to check please
Hi,
Try adding this css:.home #portfolio { z-index: 11; }Then clear your cache and check.
Best regards,
MikeA lot of issue with codes!
With this code gallery is in correct position on mobile. Now it is visible. But on desktop box have changed size. Lenght Become thin!
@media only screen and (max-width: 767px) {
#portfolio {
padding-top: 1500px;
}
}With this code I can click on the firs line of the galley but the text boxes have disappeared in the mobile version.
.home #portfolio {
z-index: 11;
}Is it possible send a solution that solve issue and don’t create other ones?
Why Enfold is so full of bugs?I removed this last code you sent me. So on mobile version is still a disaster. Please fix as soon as possible.
Hi!
We added the css code again and it seems to be working as expected. Please note that the changes here are only applied on mobile view and should not affect the desktop view.
— https://kriesi.at/support/topic/remove-excessive-space/#post-1496694
Please make sure to purge the cache before checking.
Cheers!
IsmaelWe continue to have issue since a lot of weeks.
You haven’t fixed anything yet. In the mobile version, the masonry gallery continues to appear behind the text boxes. The desktop version is correct, but the link to open the photos in the first row of the masonry gallery doesn’t work.
I ask you to fix please fast these problems because I’m late with my work.
Thanks
- You must be logged in to reply to this topic.