Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1308177

    Hallo,
    Im using your ENFOLD template on my website, and Im trying setup shared Modern events calendar from Webnus (MEC) — (https://webnus.net/modern-events-calen ) – PRO version with Event API addon (https://webnus.net/modern-events-calendar/addons/event-api/?ref=17 )
    I have problem with responzible design of this combination. Can you ghelp me with this poblem?
    Basic informations about project – I have one central “base” site for MEC, where will be uploaded events from meny users.
    Informations form this site will be shared by API codes with meny another sites.
    One of problems, what I need solve, is bad responzing design.
    In Webnus support, they wrote, that problem can be solved on your side in Enfold (“I checked your site and found that your source site theme affects the size of the masonry view shortcode container. Please talk about this with your theme support. They can definitely help you better than I do.” https://www.zemskacesta.cz/wp-content/uploads/2021/06/FPqi-AllO-bkH6CKrvp30yMBi1QiFfEPYw.png)

    Can you take a look, if is possible solve it on Enfold side?

    My “base” site with main Event Callendar is https://www.zemskacesta.cz/ (admin entry in private content)
    My “end” site using Event Callendar by API code is http://www.hradynamalsi.cz/ (admin entry in private content)
    When I put Event calendar page, for example: https://www.zemskacesta.cz/mec-external-1458/
    by API code to my hradynamalsi.cz site here: http://www.hradynamalsi.cz/kulturni-program/
    It dosnt work well in responzible design…

    The sanme problem is on homepage, https://www.hradynamalsi.cz/ with “NEJBLIŽŠÍ UDÁLOSTI” – on mobile screen it dosnt work.
    base page link for API is: https://www.zemskacesta.cz/mec-external-1453/

    Is there posibility how to solve it?
    Thanx!!:)
    Vlad Havelka

    #1309104

    Hey Vlad,

    Thanks for contacting us and sorry for the late reply!

    It seems like the issue is related to following CSS

    html {
        min-width: 910px;
    }

    Could you please try adding following code to Quick CSS and check if that helps on the page I attached in private content field below?

    html.html_entry_id_1931 {
        min-width: unset;
    }

    Please make sure to temporarily disable CSS file merging and compression and to clear cache :)

    Best regards,
    Yigit

    #1309256

    Hallo,
    Im not sure If I made it well?
    I added

    html {
    min-width: 910px;
    }

    to Enfold Quick CCS, and it didnot make any changes, ..:(

    #1309760

    Hi,

    Please remove that code you added and add following code instead :)

    html.html_entry_id_1931 {
        min-width: unset !important;
    }
    

    Best regards,
    Yigit

    • This reply was modified 3 years, 5 months ago by Yigit.
    #1315891
    This reply has been marked as private.
    #1316019

    Hi,

    Welcome back, Vlad! Hope you had nice holidays :)

    I changed the code to following one and that helped

    html {
        min-width: unset !important;
    }

    I am not 100% sure if that would cause any CSS issues though. If you notice anything irregular, please let us know :)

    Best regards,
    Yigit

    #1316109

    Hallo,
    thanx, now this “https://www.hradynamalsi.cz/kulturni-program/” looks OK on mobile, thanks very much, great!

    Can you now take a look at problem on mainpage “https://www.hradynamalsi.cz/” please:
    – there is, down on page, “NEJBLIŽŠÍ UDÁLOSTI”, its the same API style like “kulturni program”, only another type of look.
    When you will look on it on PC, and will open detail of event, its correct.
    When you will look on it on mobile, and will open detail of event, it makes error – nothing is showed..

    Have a nide day.
    Vlad

    #1316810

    Hi,
    Thank you for your patience, I see that Yigit has been helping you but with the recent update I thought to try to assist, so I see that on mobile the calendar element under NEJBLIŽŠÍ UDÁLOSTI doesn’t seem to show when clicked, but what is happening is the plugin script is increasing the height of the iframe via javascript and is not stoping, for example, in this screenshot the height is at 460012px and doesn’t stop.
    2021-08-15_001.jpg
    On your page I see many errors such as Failed to execute 'postMessage' on 'DOMWindow' ... does not match the recipient window's origin & parser-blocking, cross site (i.e. different eTLD+1) script, is invoked via document.write. The network request for this script MAY be blocked by the brow
    2021-08-15_002.jpg
    but I see these same errors on your /kulturni-program/ page where the plugin script seems to be working, so I don’t know why this element of the plugin doesn’t work while the other seems to work even with the errors.
    Since this is happening inside on an iframe we can not control it with css or javascript, try asking the plugin author if they have any insight.
    Sorry I was not much help.

    Best regards,
    Mike

    #1320804

    Hallo, thanx for very good reply.
    I will try ask author of plugin and will try say there their answer.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.