hey Andy,

tipp hat leider nicht geholfen, hab browser cache geleert (Chrome und auch Safari), Ansicht aktualisiert. Gleiches Verhalten auch bei einer anderen Website, die noch auf alter Version ist, auch hier bei “E-Mail”-Feld.

Bei Chrome kann man in den Einstellungen “Desktop Version” einstellen, dann schaut es richtig aus. Bei normaler iPad Ansicht leider nicht. Screenshot ist im Link siehe unten.

lg
Tashi

Hi Andy

Sure, the link is http://help2read.org/the-literacy-crisis, I am looking at he top colour section id is #mobilepics
This one works well, and then image changes, the css I used is:

@media only screen and (max-width: 480px) {
#mobilepics {
background-image: url("http://help2read.org/help2read/wp-content/uploads/2016/05/background5edited.jpg")!important;}

But the section further, section id is #bottompic doesn’t work on mobile, I use the same code really:

#bottompic {
background-image: url("http://help2read.org/help2read/wp-content/uploads/2016/05/background4editedbigfile.jpg")!important;}

I did put both pieces of code inside the @media {} section in the CSS, didn’t work, then tried putting the bottom one inside it’s own @media {} but also didn’t work..

Thanks

Hi Andy,

Sorry the website has since gone live…

The two pages are:

1) http://help2read.org/blog – This has the featured images next to each post which is great.

But once you click the “News” Category in the fullwidth sub menu below the colour section at the top. All of the posts that get called up don’t have the featured images next to them. As you can see here: http://help2read.org/category/news

I would like to have the featured images show up on that page if possible.

Thanks

Hi,

I solved the problem thanks to this link:
https://kriesi.at/support/topic/enfold-image-sizes/#post-336176

It was a height/width ratio thing. I’m new to this so … sorry for not knowing it before :D

Thank you Basilis for the effort
Cheers

Thanks Vinay! Works perfectly.

I have one other question, I used colour sections for all images and the video background on the site. The images work perfectly on the desktop site but are super zoomed on the mobile site. please go to http://www.victorygapyear.co.za/test to see what Id like the images to look like on the mobile site – I got that image to work well on mobile by using easy full width slider.

Is there any way to make the images fit on mobile without replacing all colour sections with the full width slider?

Thanks for the help.

Tried this CSS as well. It’s something to do with the pages that have a Transparent Glassy Header defined.

@media only screen and (max-width: 767px)
.responsive #top #menu-item-shop .cart_dropdown_link {
color: black;
}

Hi Andy,

Using the layout element only covers the a portion of the background. I would like the wood texture to go behind the entire site including the right side bar are. Similar to the non blog pages. Please take a look at the two links below.

Also, I gave your group access to backend but for some reason the News and Events top banner is huge compared to the other page banners.

Ok it added “Read More” link, but gives me following error up top of page now and there is no link on […]
Warning: session_start() [function.session-start]: Cannot send session cache limiter – headers already sent (output started at /home/content/09/13966609/html/wp-content/themes/enfold/framework/php/class-framework-widgets.php:1) in /home/content/09/13966609/html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php on line 32

• This reply was modified 9 years, 9 months ago by yes9310.

Hello Josue,

I had this warning in debug mode :

Fatal error: Call to undefined function avia_header_class() in /xxx/wp-content/themes/enfold-child/header.php on line 12

I have a copy of the header.php from the parent folder in my child theme :

<?php
	if ( !defined('ABSPATH') ){ die(); }
	
	global $avia_config;

	$style 				= $avia_config['box_class'];
	$responsive			= avia_get_option('responsive_active') != "disabled" ? "responsive" : "fixed_layout";
	$blank 				= isset($avia_config['template']) ? $avia_config['template'] : "";	
	$av_lightbox		= avia_get_option('lightbox_active') != "disabled" ? 'av-default-lightbox' : 'av-custom-lightbox';
	$preloader			= avia_get_option('preloader') == "preloader" ? 'av-preloader-active av-preloader-enabled' : 'av-preloader-disabled';
	$sidebar_styling 	= avia_get_option('sidebar_styling');
	$filterable_classes = avia_header_class( avia_header_class_string() );

	
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="<?php echo " html_{$style} ".$responsive." ".$preloader." ".$av_lightbox." ".$filterable_classes ?> ">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />

<!-- page title, displayed in your browser bar -->
<title><?php if(function_exists('avia_set_title_tag')) { echo avia_set_title_tag(); } ?></title>

<?php
/*
 * outputs a rel=follow or nofollow tag to circumvent google duplicate content for archives
 * located in framework/php/function-set-avia-frontend.php
 */
 if (function_exists('avia_set_follow')) { echo avia_set_follow(); }

 /*
 * outputs a favicon if defined
 */
 if (function_exists('avia_favicon'))    { echo avia_favicon(avia_get_option('favicon')); }
?>

<!-- mobile setting -->
<?php

if( strpos($responsive, 'responsive') !== false ) echo '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">';
?>

<!-- Scripts/CSS and wp_head hook -->
<?php
/* Always have wp_head() just before the closing </head>
 * tag of your theme, or you will break many plugins, which
 * generally use this hook to add elements to <head> such
 * as styles, scripts, and meta tags.
 */

wp_head();

?>

</head>

<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>>

	<?php 
		
	if("av-preloader-active av-preloader-enabled" === $preloader)
	{
		echo avia_preload_screen(); 
	}
		
	?>

	<div id='wrap_all'>

	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'main-menu' );

	} ?>
		
	<div id='main' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

	<?php 
		
		if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
		do_action('ava_after_main_container'); 
		
	?>

Best regards

• This reply was modified 9 years, 9 months ago by hurraken.

Hey, so try looking at the screen on a laptop. the first 3 captions are still shifted way more to the right.

how can i put a screenshot on here?

Thank you for clarifying Rikard.

Can I at least modify the anchor structure for the home page to be #home instead of #top?