Tagged: ,

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • November 1, 2016 at 11:01 am #706643
    LAVision

    When viewing events (the events calendar single event view) on an iPhone, the event information which is normally on the left-side of the screen in a desktop browser (e.g. google calendar, event details, EVENT TICKETS (when using modern tribe’s event tickets plugin which is my MAIN CONCERN)) is not viewable / it’s just not there at all (although there does seem to be a lot of empty space where it should be, before the footer appears). (As an urgent priority, I’d be happy just to get the ‘event tickets’ element down in the body of the main event text as a fast work around, as all the other info on the left I can duplicate in the main body of the text. But I can’t duplicate the event-tickets functionality.

    Similar problem to the poster in this thread:

    HERE

    We have events scheduled and thus a TIMELY response would be fantastic, otherwise people using the iPhone browser will have issues.

    Thank you.

    • This topic was modified 8 years, 1 month ago by LAVision. Reason: more details
    November 2, 2016 at 4:38 pm #707216
    Yigit

    Hey Paul,

    Can you please post a link to your page where we can see the issue? I checked your single event pages however it seems like you are currently not using sidebar on these pages.

    Best regards,
    Yigit

    November 2, 2016 at 5:08 pm #707248
    LAVision

    Sure, for example, see the private link below…

    Also, in a possibly connected issue, I started another topic here:

    Safari / Firefox: Display DIFFERENT view/formatting for events

    because depending on your browser, you’ll see the left column (in Safari), but in firefox (for example) you will not… I’m just using the default setup of the “church” enfold theme.

    November 3, 2016 at 7:20 am #707589
    Rikard

    Hi,

    I’m not sure what’s going on there, could you post admin login details in private so that we can have a closer look please?

    Best regards,
    Rikard

    November 3, 2016 at 4:12 pm #707803
    LAVision

    Done, below.

    • This reply was modified 8 years, 1 month ago by LAVision. Reason: Updated with correct password
    November 4, 2016 at 7:27 am #708055
    Rikard

    Hi,

    Thanks for that but the details are not working unfortunately, could you check/verify please?

    Best regards,
    Rikard

    November 4, 2016 at 11:33 am #708137
    LAVision

    Ok. Not sure what happened. I updated the password, please try it now. Thanks.

    November 7, 2016 at 7:31 am #709049
    Nikko

    Hi,

    The login now works. Can you tell us what’s not showing? Is it the Details and information below it? can you post a screenshot how it looks on your end?

    Also I noticed that the social icons are overlapping with the Events in the link you have given, kindly add this code to Quick CSS (located in Enfold > General Styling) to fix it:

    .av-single-event-meta-bar {
    margin-top: 150px;
}

    Best regards,
    Nikko

    November 7, 2016 at 2:24 pm #709206
    LAVision

    Issue 1:

    The SAFARI browser (I’m using a Mac) shows the page I referenced with a Left Column with certain details of the event. See photo:

    The FIREFOX browser does NOT show this Left Column at all, but instead puts the details down below the social icons (which is awkward — since the social icons should be the last thing seen on the page). (A code to fix that maybe would be good).

    The IPHONE BROWSER does not show this left column / event details AT ALL. It is not put below or anywhere on the page.

    This is a problem a) Because the details SHOULD be displayed. and b) because the EVENT TICKETS plugin to the Event Calendar shows up in that left column and thus doesn’t show at all in on the iPhone. It does show up on the iPad browser and in the Mac Safari Browser. I’m not sure why there’s a discrepancy.

    Normal content in columns and such is displayed on the iPhone below the other content … but somehow this one is not.

    P.S. Tnx for the code to fix the social icons overlap. Just wondering why, when I put it in the enfold-child theme it didn’t change anything, but when I put it in the quick CSS area that you mentioned it did?

    • This reply was modified 8 years, 1 month ago by LAVision.
    November 8, 2016 at 6:55 am #709618
    Ismael

    Hey!

    Did you disable the event-mod.css file? I don’t see the css modification of the theme for the event template. For example, these css declarations are missing.

    .av-single-event-content {
    width: 60%;
    float: right;
    margin-left: 50px;
}

.av-single-event-meta-bar {
    overflow: hidden;
}

    Please add the css in the Quick CSS field.

    Cheers!
    Ismael

    November 8, 2016 at 11:44 am #709712
    LAVision

    Ishmael, I put that code in the quick css area. I didn’t see any change. Could it be connected to the following:

    In a related issue in another thread I started, I deactivated “better wordpress minify” which solved this issue in this thread. Do I still need that code in the quick css you gave me just now?

    Also, am I right to assume any code I put in the quick-css area could also be put in the css stylesheet in the enfold-child theme directory? I’ve tried some modifications recently (in the css stylesheet in the enfold-child theme directory) but it didn’t take effect; whereas when I put it in the quick-css area it did. Is there a problem somewhere related to this?

    November 9, 2016 at 2:33 pm #710222
    LAVision

    I noticed on the single event pages, there’s now a big empty gap at the top before the text begins. What could’ve gotten messed up?

    • This reply was modified 8 years, 1 month ago by LAVision.
    November 10, 2016 at 10:10 am #710608
    Ismael

    Hey!

    You don’t need to add the css code if disabling the minify plugin fixed the issue. It’s possible that the minification broke the custom style of the events page. I would like to check the latest link but there’s a database error.

    Error establishing a database connection

    Regards,
    Ismael

    November 11, 2016 at 4:58 pm #711256
    LAVision

    Not sure about that error. I don’t get that error when I click on the link. Maybe I was updating something exactly at that time? Could you please try again…

    November 14, 2016 at 2:57 pm #711985
    Andy

    Hi,

    event details are displaying fine for me on iPhone: http://i.imgur.com/aCQ0aC2.png
    Could you fix the issue? please clear browser cache and hard refresh a few times, if you don’t see it.

    Best regards,
    Andy

    November 14, 2016 at 8:08 pm #712132
    LAVision

    I fixed the main issue by removing a conflicting plugin. However, after everything, I’m sitting with a large empty space (when viewing a single event with a desktop browser) before any of the event details. If you go view an event, you’ll see this empty space. It’s not there when viewing with my iPhone, but only when viewing with a desktop browser.

    November 15, 2016 at 9:53 pm #712623
    Andy

    Hi,

    this is not happening for me, no gap on desktop as you can see here: http://i.imgur.com/A7vgg8F.jpg

    Best regards,
    Andy

    November 16, 2016 at 12:20 pm #712862
    LAVision

    Hi Andy. Yes, in your photo, the gap is there. Between the header / menu and where the text starts, there’s lots of blank space. It wasn’t like that, and it’s not like that when viewing from my iPhone.

    November 18, 2016 at 12:32 pm #713942
    Andy

    Hi,

    use this code inside Quick CSS field:

    .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px;
margin-top: -100px;
}

    Adjust margin-top value as needed.

    Best regards,
    Andy

    November 18, 2016 at 3:13 pm #714053
    LAVision

    Andy, when I added that code it worked for the desktop browsers, but because on mobile (iPhone) there was no blank space to begin with, it cut out some of the event text

    The situation is: Desktop has blank space. iPhone (mobile) version does not show that blank space.

    November 21, 2016 at 5:59 am #714671
    Ismael

    Hi!

    Please adjust the code a bit.

    @media only screen and (min-width: 768px) {
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 0px;
        margin-top: -100px;
    }
}

    Cheers!
    Ismael

    December 6, 2016 at 3:06 pm #721040
    LAVision

    Ismael, that code seems to fix the event page view problem. However, I didn’t realize till now it had an adverse affect on my other posts (non-event posts) — causing them to be cut off on the top. So I had to delete the code you gave me above. Is there any way to get that code just to function on the single event pages of the Modern Tribe Event plugin, and not on every other post as well?

    Better yet, why is this even happening? I’d like to solve the origin of the problem rather than inserting a code to patch it…

    Thanks.

    December 6, 2016 at 3:21 pm #721056
    Andy

    Hi,

    try this code instead:

    @media only screen and (min-width: 768px) {
.tribe_events {
margin-top: -100px;
}}

    Best regards,
    Andy

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