-
Posts
-
Hi,
I am making a website where people kan hire campervans. I am using https://wpbookingcalendar.com/ for bookings.
I have used this plugin before with another theme and there the seach bar looks like it supposed to: https://www.watersportverhuurbedrijfdearne.nl/booking/ This is also how it looks in their example and on their site.
When I use the shortcode in enfold all the fields are shown below each other in stead off next to each other.
I have tried to solve it (see quick CSS in Enfold child) but it only looks good in Chrome, not in Edge.
It also doesn’t look good on other devices. I don’t really know CSS. Is this something you can help me with?With kind regard,
Angela van den BroekHey macmutsaers,
Thank you for using Enfold.
Where can we see the issue? We can’t find the search bar in the “watersportverhuurbedrijfdearne” site. Maybe a screenshot will help. You may need to ask for additional help from the plugin authors because we don’t provide support for third party plugins, but we’ll try to help as much as we can. Thank you for understanding.
Best regards,
IsmaelHi Ismael,
Thanks for your response. I understand. Thanks for taking a look.
You can find the searchbar on https://www.watersportverhuurbedrijfdearne.nl/booking/
It is the only thing on the page except the header and the sidebar.
On http://www.dev02.fyi-marketing.nl/ the bar is at the bottom of the photo, above the orange blocks.
With some css it looks good in chrome, but not in Edge and on other devices.Kind regards,
AngelaHi,
Thank you for using Enfold.
Use this css code to display the booking fields on a single column for smaller devices.
@media only screen and (max-width: 767px) { #booking_search_form .well { background: #f8f8f8; display: flex; flex-direction: column; } }Screenshot: https://imgur.com/a/c1zG2Sy
Best regards,
IsmaelThank you very much!
I will ask the pluginmaker if they can provide the code for PC so it also looks good in different browsers.Kind regards,
AngelaHi,
Sorry for my late response. The pluginmakers couldn’t help me, so I spend a few days to make it look ok on most devices.
There is just 1 problem I can’t solve and I hope you can help me with.
In chrome you see a search bar with 3 orange blocks attachted. In Edge the orange blocks aren’t attached.
Can you help me with this? I’ve used the medical demo as template.Kind regards,
AngelaHi,
This seems to be a bahavour per browser. Again this is not something that we can help somehow as it is combined with the plugin developer.
Best regards,
BasilisHi,
I don’t think it’s because off the plugin.
When I delete the shortcode, The problem is still there in Edge.
The orange blocks should be just above the blue line, like it does in chrome.Kind regards,
AngelaHi,
Thanks for the update.
I’m currently on Windows 7 & 8 machine, so I don’t have an Edge browser. I won’t be able to help you with this personally, but I’ll ask the rest of the team to check. Could you give us a screenshot? Maybe, it will give us a better idea on what to fix.
Best regards,
IsmaelHi,
I took a look at your link in both Chrome & Edge,
and I found this css for Edge only should help:@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .flex_column.avia-builder-el-5 { margin-top: 140px !important; } }I have added it for you, but I believe your server cache needs to be cleared, please try to clear.
Best regards,
MikeHi,
Thanks for your reply.
I could not find the css but added it to quik css in theme options.
The cache on the server was off. I logged in anyway and put cache on, flushed is and put if off again.
Also erased browser history. But I see no change in Edge…Here a link to screenshots of how it looks and how it should look: http://www.dev02.fyi-marketing.nl/wp-content/uploads/screenshot.pdf
Thanks!
Hi,
I have another question. On quite some pages I cannot switch to code editor, which I find very strange.
For example: http://www.dev02.fyi-marketing.nl/volkswagen-campers/
I’ve imported the medical demo and just edited and copied the pages. Do you maybe know why this is?Kind regards,
AngelaHi,
I do not see any problem on the Console – can you try open your page on Icognito and afterwards try to edit and switch code?
Best regards,
BasilisHi,
Sorry for the late reply, I have looked at your example url above, the reason you are getting an error on the page is that, once you create a page with the Advanced Layout Builder, it is not safe to re-edit with the default editors. The reason you may see demo content when switching between the editors is that the two types of content are stored differently, but this shall not cause any future issues.
If you want to edit the shortcodes, or copy them to a new page please try this post: Enable Avia Layout Builder Debugger
But it is an advanced technique, and not really recommended, perhaps if you can explain what you are trying to achieve we could help.Your issue with the buttons on your localhost sounds like you updated manually by trying to overwrite the theme folder, Please note that if you update manually or via FTP, you will need to remove the old theme folder “enfold” first (via FTP) then upload the new “enfold” folder at /wp-content/themes/enfold/
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.
But I won’t know for sure that this is the issue until I can examine it, please try following the steps above to see if it helps.Best regards,
MikeThank you for your reply. I could not respond earlier because I was on vacation. I will not enable avia layout builder debugger If it will not cause any problems in the future. I’m glad tot hear that. (The reason why was that some campers were not showing in the search results. To solve this I have to go standard builder, code editor and delete <!– /wp:shortcode –> at the beginning and ending. Then I have to save it. Put is back and go to the advanced builder again and then the problem is solves. I made a note to do this every time I add a camper.)
The site went at the end of last week https://www.camperfans.nl/ and there are no problems with the buttons at that server. I will wait with updating for a while. Thanks for the tip off deleting the enfold folder in stead off over writing. I will do that. If the problem occurs after updating and I can not solve it I will open a new ticket.
Only problem now is the view in Edge. http://www.dev02.fyi-marketing.nl/wp-content/uploads/screenshot.pdf
- You must be logged in to reply to this topic.