![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
June 27, 2022 at 11:19 pm #1356640
Dear Team,
I’m having a long time problem with the space after the separator, that is often too big, in the normal view and in the responsive phone view as well. I tried to put the margin at almost zero, but nothing works. Is there a special solution to apply in this case ? Below some examples. Thank you in advance for helping,
Best regrds,
HulaSlimJune 28, 2022 at 8:22 am #1356661Hey HulaSlim,
Thank you for the inquiry.
We cannot really see any issues with the separator element. The separator above the “ANIMER LE PATRIMOINE D’UN SOUFFLE DE VIE” heading for example is 70px tall as defined, but there is an extra space or gap after it because the special heading element itself has a 50px top margin by default.
Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Thanks!
Best regards,
IsmaelJune 28, 2022 at 11:36 pm #1356785This reply has been marked as private.June 29, 2022 at 12:20 am #1356788Hi Ismael,
Actually I noticed that changing the paddle solves the problem. The settings are each time different in every title, which is something I don’t understand though. I have the impression I cannot control things with a simple setting everytime equal to the preceeding.
Do you have an idea why ?June 29, 2022 at 9:58 am #1356809Hi HulaSlim,
I’m glad that you were able to solve the problem by adjusting the padding in the Sections.
Although I’m not really sure what you meant by “The settings are each time different in every title, which is something I don’t understand though. I have the impression I cannot control things with a simple setting everytime equal to the preceeding” are you referring to the Color Section and Grid Row settings in changing the padding?Best regards,
NikkoAugust 27, 2022 at 3:27 pm #1362935This reply has been marked as private.August 29, 2022 at 3:32 pm #1363055Hi HulaSlim,
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) { #top .avia-icon-list-container { margin-bottom: 0; } #top .avia-icon-list > li:last-child { padding-bottom: 0; } #top .av-special-heading { margin-top: 30px; } .responsive #top .flex_column_table { margin-top: 0 !important; } }
Hope this helps.
Best regards,
NikkoSeptember 1, 2022 at 5:33 pm #1363520This reply has been marked as private.September 1, 2022 at 5:38 pm #1363523This reply has been marked as private.September 2, 2022 at 9:23 am #1363585Hi HulaSlim,
I could not login with the credentials, I’m not sure what you mean by middle-lines, I assume it’s white space but it does not work as well.
Best regards,
NikkoSeptember 8, 2022 at 9:43 pm #1364389This reply has been marked as private.September 9, 2022 at 6:07 am #1364392Hi Natacha,
The two out of three pages you provided returns a 404 page, please check.
I do not seem to see the issue on my end.Best regards,
NikkoSeptember 9, 2022 at 5:33 pm #1364455This reply has been marked as private.September 10, 2022 at 8:34 pm #1364561Hi Natacha,
Please refer to these screenshots on how to set the order for your image/text pairs on mobile layouts, and try to set them accordingly on your own site:
First setting: https://snipboard.io/XkrsG1.jpg
Second setting: https://snipboard.io/xWDvcU.jpgBest regards,
RikardSeptember 11, 2022 at 4:37 am #1364590This reply has been marked as private.September 11, 2022 at 8:04 pm #1364638Hi,
Thanks for the update. It looks like you haven’t made the necessary change in the Comportement de colonne en plein écran option. Please note that you have to make the selection in the first 1/2, in this case the 1/2 with the image left of the text that you referred to.
Best regards,
RikardSeptember 12, 2022 at 1:12 am #1364655Dear Rikart,
I didn’t really understood the explanation, but I re-edited this part again today by setting the part you’re talking about in “inversed” and now it works. The problem is solved.
Thank you very much for your help,
Best regards,
NatachaSeptember 12, 2022 at 1:38 am #1364656I talked too soon. Actually what I did is to invert the order of text and image on the computer, not on the smartphone. If I re-establish the order on the computer, then it becomes impossible again to set it in reverse order (text first, image in second position) in the smartphone. The” Comportement de colonne en plein écran” is set on individual position, as for all other examples. But here, it doesn’t work.
Thanks for checking again.
Best
NatachaSeptember 12, 2022 at 4:23 pm #1364783Hi,
Thanks for the update. I might be missing your point, but it seems to be working as it should on the page in private. Is that the page you are having problems on? If not, then please post a link directly to the page in question. If you have a screenshot highlighting the problem, then that might help us understand what you are referring to as well.
Best regards,
RikardSeptember 12, 2022 at 4:52 pm #1364795Hi Rikard,
Maybe I wasn’t clear enough.
Yes, this is the page. It looks ok on PC, the problem is on tablets and smartphones: In the series after the title “Notre parcours”, the third image showing the construction of a cathedral should come after the text “Comment construit-on une cathédrale”, not before.
This picture doesn’t comply with settings, no matter what I try.
Best,
NatachaSeptember 13, 2022 at 4:37 pm #1364930Hi,
It seems like you set the wrong order for a few of the items. I corrected that, and it’s displayed as picture first now, followed by text. Please review the page and settings.
Best regards,
RikardSeptember 14, 2022 at 7:23 pm #1365038Hi Rikard,
Thank you very very much.
Finally over.
Best regards :-)
NatachaSeptember 15, 2022 at 5:12 am #1365063Hi Natacha,
We’re glad that Rikard could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘How to reduce space after separators when lo margins are already at the minimum?’ is closed to new replies.