Forum Replies Created
-
AuthorPosts
-
I have to add that I have now found a manual solution by linking the anchor link for the mobile versions (“#gutschein-mobile” and “#kontakt-mobile”) with new, empty color sections, which I have placed above the color section “Gutscheine” and the grid row “Kontakt”. these color sections are consistently visible for all devices and now the BurgerMenu also works
The grotesque thing is that even in the versions (see screenshots in the last post) in which the BurgerMenu did not work, the content of the contact field was still displayed correctly when scrolling down.
Does this variant also work on all screens?
If there is a better solution – please let me know.Best regards Diana
Dear Ismael,
Thank you for your reply.
As the website should go online before Christmas, I have now integrated the contact form from Contact Form 7 for the main page and this works: https://lebendigfuehlen.de/#kontaktHowever, as I would generally prefer the ENFOLD contact form, I have created a duplicate of the page under the subdomain http://final.lebendigfuehlen.de/ in which the original ENFOLD contact form is displayed.
As further steps I have here times
– deactivated all other plugins – to check if this is the reason > but still does not work, still the same message “Your request has been sent” and then no emails arrive.
– what do you mean it could also be due to a custom script? Which script?I have now installed the “Solid Mail” plugin again in this test version and also added my test mail here, but this did not help either, the sending process dragged on indefinitely and nothing was sent. What else could I try?
Can you help me further? I’m really at a loss as to what the problem could be.
Best regards DianaDear Mike,
Thank you for your reply. I have now assigned separate IDs for the mobile sections: “#gutschein-mobile” and “#kontakt-mobile”.
The desktop version still links to the IDs “#gift-voucher” and “#contact”
For the mobile version, I have also created a second menu in which the menu items “Vouchers” and “Contact” are linked to the new mobile IDs.1st desktop version: Menu is displayed normally as a bar: > Anchor links work
2. mobile version (cell phone): Menu is displayed as a burger menu: > Anchor links work3. tablet version / laptop screen: Menu is displayed as a burger menu: Anchor links of the two problematic menu items “Vouchers” and “Contact” do not work: for both it jumps onClick to the top of the page.
Example: see screenshots:
Screen view 1-3:
https://lebendigfuehlen.de/support/1.jpg
https://lebendigfuehlen.de/support/2.jpg
https://lebendigfuehlen.de/support/3.jpg
The third screen shows that in this version, which jumps incorrectly to the top of the page, the link to the mobile version #gutschein-mobile” is displayed correctly in the browser bar at the top.Can you help me further? I’m really at a loss as to what the problem could be.
Best regards DianaDear Rikard,
Thank you very much for the link. I have now tried various things, but unfortunately all previous attempts to get this ENFOLD contact form to work have failed. (I’m very surprised and a bit helpless, because I’ve never had this problem before (and I’ve been using ENFOLD for all my websites for almost 9 years now)
to the current status and what I have tried:
1. Typos and SPAM > Checked everything, checked with various email addresses
2. I tried the suggested changes in the function.phph-file, after it didn’t change anything, I removed the suggested code:
function change_cf_from() {
return “ (Email address hidden if logged out) ”
}
add_filter(‘avf_form_from’, ‘change_cf_from’, 10);3. I also tried installing the “Solid Mail” plugin without success and then uninstalled the plugin again.
4.Then: a new contact form from ENFOLD with standard settings integrated into a test page: see link: http://neu2025.lebendigfuehlen.de/home-test/#enfold
– As a test, my own email is entered here as the recipient for the contact form
– I have filled out the contact form and after pressing the “Send” button the message “Your message has been sent” appears >> see screenshot: enfold1.jpg. and enfold2.jpg.
>> !! BUT no message arrives! / There are also no messages blocked or in any SPAM folder, everything checked.5. Then I created a contact form via Contact form 7. See link: http://neu2025.lebendigfuehlen.de/home-test/#contact7
– Again, I filled out the contact form (see screenshot: contact7-1.jpg) and it WORKS.
>> Both emails (which I sent to different email addresses as a test) arrived – both the confirmation email to the author of the message and the notification to the recipient of the contact form: see screenshot: “contact7-2.jpg>> WHAT DOES THIS MEAN, that it works with Contact 7, but not with the ENFOLD theme?
The customer wants as few plugins as possible, so it would be important to make the ENFOLD contact form work as well.
Therefore, I would like to ask you: What can I do to make the above contact form from Enfold work: http://neu2025.lebendigfuehlen.de/home-test/#enfoldPlease help me further. I have never had this problem in all these years and really don’t know what to do.
Best regards Diana
The support request has now been resolved. After consultation with the provider, it was probably the umlaut “ü” that was causing problems. We have changed the entire domain of the site.
Thanks Rikard….Hello dear support team, hello Rikard and Guenni,
first of all many thanks to YOU all for the support: I was able to realise my request so perfectly> the newly revised page is at: https://mp-audioproductions.de/
@GUENNI:
one more question about your hint ‘ to bring a heading to centre position – you do not need to have three 1/3 columns with the heading inside the middle column!’
I have implemented this as an example with the 1/1 column in the test page https://mp-audioproductions.de/home-heading/.
But the background gradient does not work correctly because the dark red colour starts at the very outside. Do you have any ideas on how I can achieve this with the 1/1 column and the correct gradient? (Otherwise I will have the problem again with the mobile optimisation)Greetings to all!
DianaHere is another screenshot for question #1470225:
I have created a duplicate of the page and deleted all the empty space elements here: see https://mp-audioproductions.de/support/enter-without.jpg
If you now call up the duplicate in the front end, a part behind the header disappears: https://mp-audioproductions.de/home-v1-2/
I hope it is now clear what I mean.
Best regards DianaHello Guenni
thank you very much for the tips – I have done everything according to your instructions and also removed the min-height from the color section directly.
I have integrated the following in the CSS: https://mp-audioproductions.de/home-v1/#overview
@media only screen and (min-width: 990px) {
#overview { min-height: 280px !important; }
}
Is this correct?—-
Regarding your question to #1470225, I wanted to show you the following screenshot of the backend:
Somehow everything always disappears behind the header, even though it is shown as non-transparent.
I also had to add several “free space” elements (each 50px > 200px in total) to the Enter section at the top (where it says “Welcome”) so that the heading doesn’t disappear behind the header: see screenshot: https://mp-audioproductions.de/support/leerraum.jpg
Is there perhaps a better solution for this?Best regards, Diana
I have now set the height of the additional color section with the id #overview to 200px: now the anchor link works (even if the gap between the first part and the boxes is very big)
> as a temporary solution I leave it like this
>> But overall I still have the question why everything is shown behind the header, although it is not transparent ? See previous question (2 section, beginning with “Somehow everything always disappears ….”)With the request for help
Best regards DianaRegarding the title, everything is clear! You can close the topic
THANK YOU again! :)Hello Rikard,
Thanks for the tip. I followed your suggestion and added another color section (with the fixed background image) above it: see screenshot: https://mp-audioproductions.de/support/overview-section.jpg
In the frontend, however, a part is still hidden when jumping to the section: https://mp-audioproductions.de/home-v1/#overview
See also screenshot: https://mp-audioproductions.de/support/frontend.jpg
—-
Somehow everything always disappears behind the header, even though it is shown as non-transparent.
I also had to add several “free space” elements (each 50px > 200px in total) to the Enter section at the top (where it says “Welcome”) so that the heading doesn’t disappear behind the header: see screenshot: https://mp-audioproductions.de/support/leerraum.jpg
Is there perhaps a better solution for this?
Best regards, DianaHello Guenni,
Excellent! That works perfectly now!
Thank you very much :)Dear Mike,
This is really completely surprising, because – yes, I had deleted the browser cache before and now again. I then tested the site again in Mozilla Firefox and Google Chrome and the white border is still visible in both:
see screenshot Mozilla Firefox: https://emmerams-muehle.de/support/openstreetmap.jpgBest regards Diana
Hello Mike,
I have integrated the specified script into the CSS. The map with openstreetmap is now on the main page of Kontakt: https://emmerams-muehle.de/kontakt (at the bottom)
Unfortunately, the white borders are still displayed.
Best regards, DianaHello Mike,
Thank you for your reply. I have checked the page and yes the ID ‘overview’ was included twice (but once in a hidden variant) > I have removed the duplicate and tested the whole thing: unfortunately it still does not work: see https://mp-audioproductions.de/home-v1/#overview
Could you help me further? what else can I do?
Best regards Diana
Hello Ismael,
Thanks for the feedback. I have integrated the code and adjusted the number of px a little. The code is now:
#section-container-width {
margin-bottom: -15px !important;
margin-top: -6px !important;
}
> It works reasonably well in Firefox, but when I test the page in Google Chrome or Safari, it doesn’t work again – a margin is displayed there again.
I also don’t understand where this is coming from. Maybe you can think of something else?
Otherwise I’ll just leave it as it is …
VG DianaDear Rikard,
unfortunately the script does not work. First I tried it with the specified section #approach. But my problem with the white borders refers to the section with the OpenStreetMap > so I changed the name #section-container-width in the second attempt, but unfortunately the white borders still exist.
What else can I do to remove the white borders at the top and bottom of the map?
Best regards, Diana
Dear Ismael
Thank you very much for the lightning-fast reply :)
I have integrated the script as indicated and YES the map is now displayed over the entire width of the screen.
But there is still a white border at the top and bottom – although margin and padding are set to 0.
Could you help me further so that I can remove this border?Best regards Diana
Thanks. Isamel. The script workes!
Best regards DianaSeptember 18, 2024 at 9:51 am in reply to: Content column cut off Mobile version – Launch Website #1467298YES it worked!
Thanks a lot!Thanks Ricardo! Now it works again! Perfect!
Have a nice day!Hello Rikard,
unfortunately the script does not work. I even added an ‘!important;’, but that didn’t help either.
Is there another possibility?
Best regards, Diana
Dear Rikard,
no, unfortunately it does not work: see screenshot: https://osmosis.de/support/Box-Mobile2.jpeg >> I have just created this screenshot from my hand.
I think it only works for you because it is loaded from the cache. It’s true, it worked before, but now it doesn’t work anymore. Please clear your cache.
I have also tried it on another mobile phone (where the page has never been accessed) and unfortunately it does not work here either.
Best regards, DianaDear Support Team,
I have to contact you again regarding the script mentioned above: the specified script no longer works:
@media only screen and (max-width: 768px) {
#top .flex_column_table.av-equal-height-column-flextable.av-wu3tsa-2f8288ffd7b4a522ef607878953863b5 {
margin-top: 0px;
margin-bottom: 0 !important;
}
}I think it’s because of the “av-wu3tsa-2f8288ffd7b4a522ef607878953863b5”.
I have already tried to solve it via an ID by assigning the ID #cell-blue to this column and then tried to reactivate this script in various ways. Unfortunately without success. I have now also integrated the script in the CSS:
@media only screen and (max-width: 768px) {
#cell-blue {
margin-top: 0px;
margin-bottom: 0 !important;
}
}Can you please help me to make this solution work permanently? Even if we then switch the edited version of the website from the subdomain to the main domain?
Many thanks and best regards, DianaHello Ismael and Guenni007,
thank you very much for your support.
Yes, it was the wrong CSS code: I removed it and now the beige boxes are gone. PerfectAnd regarding the repeated first description text, Ismael’s tip of inserting a blank line at the top of the table worked perfectly!
Thank you very much, my problem is solved!
Thank you Ismael for the quick and perfect answer! Works like charme :)
Here too: perfect script! Everything as desired!
Thank you very much Mike!Thank you very much Mike!
The script is just perfect!Hello Ismael,
Thank you for your reply. The tip with the link shortener – tinyurl.com – was great: after I changed the links, it worked perfectly!
Thank you very much! Everything solved perfectly!
DianaDear Ismael,
Thank you for your answer, but unfortunately I did not fully understand both possibilities:
1. open in a new window > I have entered this command in the link settings: see screenshot http://neu2024.creative-wave.com/support/video-youtube.jpg
2. how should I abbreviate the following Youtube link: “https://www.youtube.com/watch?v=DANM_Jjfhrc”, for example, so that it does not appear in the lightbox?Best regards, Diana
-
AuthorPosts