Richie KS

sometime this happen when the custom css you added in customizer->additional css or the theme customizer->general->custom css had unclose bracket or wrong code etc, double check the css code.

try modified this code from
https://wordpress.org/support/topic/add-the-featured-image-to-the-top-of-each-single-post-page/#post-10026653

to this

function meso_add_feat_img_single() {
global $post;
if ( has_post_thumbnail() && is_single() && get_post_type() == 'post') {
echo '<div id="custom-img-header">';
echo get_the_post_thumbnail( $post->ID, 'full' );
echo '</div>';
}
}
add_action('bp_inside_header','meso_add_feat_img_single',10);

this is to make sure, the header image only show in post type – post, not custom post type.

although i’m not sure if this error notice might cause the screen bug in your listing

”Notice: Undefined offset: 1 in /www/wp-content/plugins/ml-slider-pro/modules/theme_editor/theme_editor.php on line 1420”

did disabling this plugin-ml-slider-pro fix the page?

• This reply was modified 8 years, 4 months ago by Richie KS.
• This reply was modified 8 years, 4 months ago by Richie KS.

try add this to custom css

img.avatar { max-width:48px;height:auto; }

for the header image height control, maybe this

#custom-img-header { max-height:500px; overflow:hidden; }

this will set max height for the header to 500px;

add this to custom css for the vertical hor nav

.footer-right ul {width:100%;float:left;}
.footer-right ul li {clear:both;float:right;}

add this to functions.php to add new widget footer left

function meso_register_footer_left_widget() {
 	register_sidebar( array(
        'name' => __('Footer Left Widget Area', 'mesocolumn'),
        'id' => 'footer-left-widget',
        'description' => __( 'The footer left widget area', 'mesocolumn' ),
        'before_widget' => '<aside id="%1$s" class="widget %2$s">',
        'after_widget' => '</aside>',
        'before_title' => '<h3 class="widget-title">',
        'after_title' => '</h3>',
    ) );
}
add_action( 'widgets_init', 'meso_register_footer_left_widget',20 );

function meso_add_footer_left_widget() {
if ( is_active_sidebar( 'footer-left-widget' ) ) : ?>
<div class="fleft-widget">
<?php dynamic_sidebar( 'footer-left-widget' ); ?>
</div>
<?php endif; ?>
<?php }
add_action('bp_footer_left','meso_add_footer_left_widget',20);

function meso_add_footer_left_widget_style() { ?>
.fleft-widget aside {margin:0;width:100%;float:left;}
.fleft-widget ul li { list-style:none; }
.fleft-widget h3 { font-size:1.3em;margin:1em 0 0.25em; }
<?php }
add_action('wpmeso_custom_css','meso_add_footer_left_widget_style',70);

there should be new widget area in wp-admin->appeareance->widgets

can’t really tell without a live site preview…

ok, i don’t think background full image is possible. try this.
remove the previous code and css and add this to functions.php

function meso_add_feat_img_single() {
global $post;
if ( has_post_thumbnail() && is_single() ) {
echo '<div id="custom-img-header">';
echo get_the_post_thumbnail( $post->ID, 'full' );
echo '</div>';
}
}
add_action('bp_inside_header','meso_add_feat_img_single',10);

this will add full width featured post image in header when in single post/page. however you need to disable custom image header if you’re using one.

• This reply was modified 8 years, 4 months ago by Richie KS.
• This reply was modified 8 years, 4 months ago by Richie KS.

try add this to custom css

@media only screen and (max-width:770px) {
    #custom #top-navigation .sf-menu {display:inline !important;}
    #custom #mobile-nav {display:none !important;}
}

try change a bit, the num

remove_action(‘bp_inside_container_wrap’, ‘meso_add_primary_nav’,20);
add_action(‘bp_before_container_wrap’, ‘meso_add_primary_nav’,25);

higher if still not working or remove the num in remove_action