Hi Ismael,

Thanks for the suggested CSS fix.

That only partially worked when viewed on computer screen sizes. The top of the calendar still has no option to move to the prev/next month (arrows left and right) and the drop-down selector for categories is missing.

SEE SCREENSHOT LINK COMPARING VERSION 0.9 WITH CSS FIX YOU SUGGESTED ON TOP AND VERSION 0.8.4 WHICH DISPLAYS FINE ON BOTTOM
https://www.dropbox.com/s/ajqgnmg48qtb8qs/calendar-month-min-width-fix-comparison-dropbox.jpg?raw=1

Also, Day view mode cuts off details with CSS min-width:109px fix
SCREENSHOT LINK
https://www.dropbox.com/s/zh8svnk897jbe2s/wp-fullcalendar-linesfix-dayviewissue.jpg?raw=1

Now, on Mobile device screens, such as the iPhone, the min-width:109px CSS fix makes the boxes too wide and causes overlapping.
SCREENSHOT LINK
https://www.dropbox.com/s/8916g31l3ag0u32/iphone-screenshot-min-width-fix.jpg?raw=1

Okay. So you mean I can replace all of this…

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
{
#hero-bg-mobile .av-parallax {
background-image: url(http://acme.com/wp-content/uploads/2014/07/parallaxbackgroundimage.jpg)!important;
}
.av-parallax {
height: 100% !important;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)
{
#hero-bg-mobile .av-parallax {
background-image: url(http://acme.com/wp-content/uploads/2014/07/parallaxbackgroundimage.jpg)!important;
}
.av-parallax {
height: 100% !important;
}
}

…with just this, adding in my own background image reference?

.avia_mobile .av-parallax {
background-image: url(http://acme.com/wp-content/uploads/2014/07/parallaxbackgroundimage.jpg)!important;
height: 100% !important;
}

I started a new topic hoping this time someone will respond. Seems like the fix shouldn’t be too hard to come up with. All CSS, right?

https://kriesi.at/support/topic/color-section-parallax-background-image-iphone-and-ipad-issues/

I really would appreciate some kind of response from the support staff. Otherwise I may need to abandon this theme and look elsewhere. My client is getting impatient waiting for the site to be completed.

Anyone else having this issue? Any feedback or suggestions to fix the issue would be much appreciated.

UPDATE

I originally stated there was no issue viewing the color section parallax background image on the site with the Enfold version 3.1.5 theme on an iPad mini, but now I’ve discovered that the same issue is happening on the iPad mini if it has the IOS 8.0 software. Another older iPad mini with IOS 6.0 I tested the site on earlier does not have any issues.

So now I’m seeing a two-fold problem. The color section background parallax image having the background position always set to bottom and the image always being blown up occurs on any IOS device with IOS 8.0 (haven’t tested IOS 7.0) in combination with viewing a site with the Enfold theme version 3.1.5.

For Enfold theme version 3.0.8 all IOS devices with the two versions of IOS software I’ve tested (6.0 and 8.0) view the parallax background image correctly in terms of size and positioning.

I’d appreciate any fixes for this issue.

Thanks Peter!

Thanks so much again Mayorninja! Thanks Ismael as well.

For the social media sharing footer should I use one over the other or both? See below.

FROM MAYORNINJA #######################
#top.single-event .fullsize .template-blog .post_delimiter {
visibility: hidden;
}

FROM ISMAEL #######################
footer.entry-footer {
z-index: 1000;
position: relative;
}

Thanks MayorNinja! That did the trick.

Now there are just 2 remaining mods/fixes I’d like to accomplish.

META INFO
On the event page itself just below the title of the event I’d like to remove or hide the meta info related to the “date” and “author” but don’t want to affect that same meta info that appears on News (Blog) post pages.

SOCIAL MEDIA SHARING FEATURE
On the bottom of the event page the option to “Share this entry” appears but the mouse-over hotspots for each social media item is off for some reason. One has to position the mouse pointer toward the top of each box in order to activate the hover-over effect and click on the link.

Any help with these two remaining mods/fixes would be much appreciated.

Here is a link to the page I’m referring to again.
http://www.everythingisforever.com/cms/screenings/5th-starigrad-paklenica-film-festival/

Thanks.

I put the updated code in my child theme’s functions.php file and still no change. Is there something I’m supposed to be modifying in the single-event.php file I created in my child theme folder?

single-even.php file contents follow…

<?php
global $avia_config;

/*
* get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
*/
get_header();

$title = __(‘Blog – Latest News’, ‘avia_framework’); //default blog title
$t_link = home_url(‘/’);
$t_sub = “”;

if(avia_get_option(‘frontpage’) && $new = avia_get_option(‘blogpage’))
{
$title = get_the_title($new); //if the blog is attached to a page use this title
$t_link = get_permalink($new);
$t_sub = avia_post_meta($new, ‘subtitle’);
}

if( get_post_meta(get_the_ID(), ‘header’, true) != ‘no’) echo avia_title(array(‘heading’=>’strong’, ‘title’ => $title, ‘link’ => $t_link, ‘subtitle’ => $t_sub));

?>

<div class=’container_wrap container_wrap_first main_color <?php avia_layout_class( ‘main’ ); ?>’>

<div class=’container template-blog template-single-blog ‘>

<main class=’content units <?php avia_layout_class( ‘content’ ); ?> <?php echo avia_blog_class_string(); ?>’ <?php avia_markup_helper(array(‘context’ => ‘content’,’post_type’=>’post’));?>>

<?php
/* Run the loop to output the posts.
* If you want to overload this in a child theme then include a file
* called loop-index.php and that will be used instead.
*
*/

get_template_part( ‘includes/loop’, ‘index’ );

//show related posts based on tags if there are any
get_template_part( ‘includes/related-posts’);

//wordpress function that loads the comments template “comments.php”
comments_template( ‘/includes/comments.php’);

?>

<!–end content–>
</main>

<?php
$avia_config[‘currently_viewing’] = “blog”;
//get the sidebar
get_sidebar();

?>

</div><!–end container–>

</div><!– close default .container_wrap element –>

<?php get_footer(); ?>

Hi. Just checking in to see if you have any feedback for me. Thanks.