• thompsonaire

    (@thompsonaire)


    HI, I have a calendar that is not scaling correctly on a small screen. Looks great on a desktop. Looks great on a tablet and even on a phone if you hold the phone horizontal but, stand your phone upright and the dates and events go off the screen.

    No idea what to do to fix.

    Let me know what I need to do. Please be super (step by step) specific. I do not do code and I despise this block thing. Had to have been created by a “Block Head”

    Since I do not understand this block thing I can not insert a photo. Managed ONE TIME to get a photo to load. Tried more than two dozen times. So since the odds are better to get struck by lightning… Here is the url to show you what I am seeing on my phone.

    https://aviation-ranch.com/image/calendar.jpeg

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • joneiseman

    (@joneiseman)

    I would check with Beaver Builder to see if they can help to see why the page is not formatted correctly on a phone.

    Thread Starter thompsonaire

    (@thompsonaire)

    I do not believe it has anything to do with the Beaver Builder. I turned that off and the page still does the same. The Short Code in the block on the page reads as follows.

    [events_calendar long_events=”3″ calendar_size=”large” limit=”6″ has_search=”1″ scope=”all”]

    I think there is something else I should have in there but I do not know what it should be.

    joneiseman

    (@joneiseman)

    The reason it’s not working correctly on the phone is because you have the options long_events=3 and calendar_size=”large”. If you remove these options then it will display correctly on the phone but it won’t display correctly on larger screens. In order to fix this add the following PHP code:

    add_filter( 'em_calendar_get_default_search', function( $atts ) {
        $new_atts = $atts;
        unset( $new_atts['calendar_size'] );
        return $new_atts;
    } );

    You can use the Code Snippets plugin to add this code snippet. Here’s a tutorial on how to use Code Snippets to add a PHP code snippet: https://www.youtube.com/watch?v=0QYWnDM4cR0

    Thread Starter thompsonaire

    (@thompsonaire)

    Thank you for trying to help. I went into the customize screen and added the code to the “Custom Code” window and it did not seem to do anything. It had different colors than the other code i have added. I do not know what that means.

    I also watched the video you linked to. SO OVER MY HEAD. I have a hard time getting stuff I understand to work so new stuff takes more brain power than I have. I am a 64 year old stroke survivor.

    Here is what I am seeing when I add the code.

    https://aviation-ranch.com/image/AddcodeB.png I am pretty sure the colors of the letters mean something but I do not know what.

    joneiseman

    (@joneiseman)

    Here are the steps you need to do.

    Step 1 go to the All Snippets page and click on the “Functions PHP” tab:

    Step 2 Click on the Add New button

    Step 3. Give it a title (I called in Fix Events Manager Calendar and then paste the code into the code block and then click on the Save Changes button:

    Then go back to the All Snippets page and then enable the new code snippet that we just created:

    This should fix the problem. If you use a shortcode, it should look like this:

    [events_calendar limit="6" has_search="1" scope="all"]

    Let me know if you have questions on any of these steps.

    I hope this helps.

    Thread Starter thompsonaire

    (@thompsonaire)

    I am sorry, I give up. Do not have the brain power required to do this.

    Jeff

    joneiseman

    (@joneiseman)

    Sorry I was unable to help. I hope the plugin owner fixes the problem.

    TreeTrail

    (@aprilschmitt27)

    joneiseman, thank you very much for your continued extensive efforts to help everyone …as a volunteer!!!

    Thread Starter thompsonaire

    (@thompsonaire)

    YES! Thank you Tree Trail for saying this. Also thank you Joneiseman for your attempts to help. These are my issues. YOU are not at fault and should be praised for trying to help. I am 64 years old. I suffered a hemorrhagic stroke and spent 5 days in a coma. My eye sight is not the greatest and I do not understand code. So this is difficult for me. Typically when I go and read the help tutorials I get lost within the first paragraph. Generally the first paragraph often holds about 6 to 8 terms I do not understand and that sends me spiraling to try to figure out what they mean. Then I get lost trying to figure out a term and can not even find my way back to the help stuff I was trying to use. It SUCKS getting old so GOD BLESS all of you who try to help those of us who “literally” BATTLE with these things.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Small Screen Scale issue’ is closed to new replies.