[Mahesh]

Hi @DJ,

Thank you for using Catch Responsive Pro.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 1101px) {  
  .logo-left #site-header {
    margin-top: 40px;
  }
}

Regards,
Mahesh

[Mahesh]

Hi @shahirahibrahim,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following css:

/* Align menu to center */
.catchbase-nav-menu li {
      float: none;
  }
  
.nav-primary.search-enabled .menu {
    float: none;
    text-align: center;
}

ul.sub-menu {
    text-align: left;
}

/* Removing social media icons below logo */
.sidebar.sidebar-header-right.widget-area {
    display: none;
}

/* Align copyrights to center */
#footer-left-content, #footer-right-content {
    display: inline;
    float: none;
}

#site-generator {
    text-align: center;
}

Regards,
Mahesh

[Mahesh]

Hi @[email protected],

The feature you’ve mentioned is No Sidebar (Full Width) layout and is already built-in in Catch Responsive Pro version. I recommend you to upgrade to Pro.

But if you prefer to have it in Catch Responsive, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.no-sidebar.content-width #main {
    width: 100%;
}

Regards,
Mahesh

[Mahesh]

Hi @champac,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

@media screen and (min-width: 481px) {
    #masthead .search-field {
        max-width: 350px;
        width: 350px;
    }
}

#masthead .search-field {
    color: #0000ff;
}

Note: Please change the color to your desired color’s hex value.

Regards,
Mahesh

[Mahesh]

Hi Cattext,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.menu.l_tinynav2 {
    text-align: center;
}

#header-menu ul.menu li {
    float: none;
    display: inline-block;
}

ul.sub-menu {
    text-align: left;
}

Regards,
Mahesh

[Mahesh]

Hi srw17,

For featured gird, as mentioned in theme instruction, use an image of 800×450 pixels it fits perfectly in the featured grid. And yes it fits the grid at any responsive screen size.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

Sorry, we didn’t mean to disappoint you. Once you do some customization on your theme, the code would have changed from what it is in the main theme and we won’t be able to check all your codes that is why it is beyond our theme support scope.
For you above problem you can achieve it with category page options to. That will list the post of certain category. If that would work for you, I would be happy to provide you with the solution.

Regards,
Mahesh

[Mahesh]

Hi @Priscilla,

Have you tried changing the theme to the WordPress core/default themes? Let me know if the problem persists.

Regards,
Mahesh

[Mahesh]

Hi @dbevarly,

From when is the issue occuring. Have you made any changes that is causing the issue? Does the problem occurs after changing to core themes too?
Let us know, we’ll be able to help you further.

Regards,
Mahesh

[Mahesh]

Hi @Dan,

Seems you’re using page template and running the queries to list out the post of certain categories. This won’t work like that. Since this is part of customizaion and is beyond theme support scope, you’ll need to hire a customizer.

Regards,
Mahesh

[Mahesh]

Hi @rybak66zuo,

You’ll need to do some customization for it. First of all, you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in child theme’s functions.php add the following codes.

//
// Move Social icons from search to header as in gridalicious
//
function clean_box_primary_menu() {
    $options  = clean_box_get_theme_options();
	?>
    <div id="fixed-header-top">
        <div class="wrapper">
            <div id="mobile-primary-menu" class="mobile-menu-anchor fixed-primary-menu">
                <a href="#mobile-primary-nav" id="primary-menu-anchor" class="genericon genericon-menu">
                    <span class="mobile-menu-text screen-reader-text">
                        <?php esc_html_e( 'Menu', 'clean-box' ); ?>
                    </span>
                </a>
            </div><!-- #mobile-primary-menu -->

            <?php
                $logo_alt = ( '' != $options['logo_alt_text'] ) ? $options['logo_alt_text'] : get_bloginfo( 'name', 'display' );

                if ( isset( $options[ 'logo_icon' ] ) &&  $options[ 'logo_icon' ] != '' &&  !empty( $options[ 'logo_icon' ] ) ){
                     echo '<div id="logo-icon"><a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" rel="home">
                        <img src="' . esc_url( $options['logo_icon'] ) . '" alt="' . esc_attr( $logo_alt ). '">
                    </a></div>';
                }
            ?>

           <nav class="nav-primary search-enabled" role="navigation">
                <h1 class="assistive-text"><?php _e( 'Primary Menu', 'clean-box' ); ?></h1>
                <div class="screen-reader-text skip-link"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'clean-box' ); ?>"><?php _e( 'Skip to content', 'clean-box' ); ?></a></div>
                <?php
                    if ( has_nav_menu( 'primary' ) ) {
                        $clean_box_primary_menu_args = array(
                            'theme_location'    => 'primary',
                            'menu_class'        => 'menu clean-box-nav-menu',
                            'container'         => false
                        );
                        wp_nav_menu( $clean_box_primary_menu_args );
                    }
                    else {
                        wp_page_menu( array( 'menu_class'  => 'page-menu-wrap' ) );
                    }

                    ?>
            </nav><!-- .nav-primary -->

            <div id="header-toggle">
                <a href="#header-toggle-sidebar" class="genericon"><span class="header-toggle-text screen-reader-text"><?php _e( 'Show Header Sidebar Content', 'clean-box' ); ?></span></a>
            </div>

            <div id="header-toggle-sidebar" class="widget-area displaynone" role="complementary">
                <?php if ( is_active_sidebar( 'header-toggle' ) ) { ?>
                    <?php dynamic_sidebar( 'header-toggle' ); ?>
                <?php
                }
                else { ?>
                    <section class="widget widget_search" id="header-serach">
                        <?php get_search_form(); ?>
                    </section>

                    <?php
                }
                ?>
            </div><!-- #header-toggle-sidebar -->
        </div><!-- .wrapper -->
    </div><!-- #fixed-header-top -->
    <?php
}

function clean_box_site_branding() {
		$options 			= clean_box_get_theme_options();

		//Checking Logo
		if ( '' != $options['logo'] && !$options['logo_disable'] ) {
			$clean_box_site_logo = '
			<div id="site-logo">
				<a href="' . esc_url( home_url( '/' ) ) . '" title="' . esc_attr( get_bloginfo( 'name', 'display' ) ) . '" rel="home">
					<img src="' . esc_url( $options['logo'] ) . '" alt="' . esc_attr(  $options['logo_alt_text'] ). '">
				</a>
			</div><!-- #site-logo -->';
		}
		else {
			$clean_box_site_logo = '';
		}

		$clean_box_header_text = '
		<div id="site-header">
			<h1 class="site-title"><a href="' . esc_url( home_url( '/' ) ) . '">' . esc_html( get_bloginfo( 'name' ) ) . '</a></h1>
			<h2 class="site-description">' . esc_html( get_bloginfo( 'description' ) ) . '</h2>
		</div><!-- #site-header -->';

		$social_div = '';

		if ( '' != ( $clean_box_social_icons = clean_box_get_social_icons() ) ) {
            $social_div = '<section class="widget widget_clean_box_social_icons" id="header-social-icons">
                <div class="widget-wrap">'.
                    $clean_box_social_icons .'
                </div>
            </section>';

        }

		$text_color = get_header_textcolor();
		if ( '' != $options['logo'] && !$options['logo_disable'] ) {
			if ( ! $options['move_title_tagline'] && 'blank' != $text_color ) {
				$clean_box_site_branding  = '<div id="site-branding" class="logo-left">';
				$clean_box_site_branding .= $clean_box_site_logo;
				$clean_box_site_branding .= $clean_box_header_text;
			}
			else {
				$clean_box_site_branding  = '<div id="site-branding" class="logo-right">';
				$clean_box_site_branding .= $clean_box_header_text;
				$clean_box_site_branding .= $clean_box_site_logo;
			}

		}
		else {
			$clean_box_site_branding	= '<div id="site-branding">';
			$clean_box_site_branding	.= $clean_box_header_text;
		}

		$clean_box_site_branding 	.= '</div><!-- #site-branding-->';
		$clean_box_site_branding 	.= $social_div;

		echo $clean_box_site_branding ;
	}

Then go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#site-branding {
		float: left;
		display: inline-block;
		width: auto;
		text-align: left;
	}
	#header-social-icons {
		float: right;
		display: inline-block;
	}
@media screen and (max-width: 480px){
	#site-branding, #header-social-icons {
			float: none;
			width: 100%;
			text-align: center;
		}
	}

.site .widget_clean_box_social_icons .genericon {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: content-box;
    color: #404040;
    margin: 0 0 5px 5px;
    padding: 6px;
}

.site .widget_clean_box_social_icons .genericon:hover {
    border: none;
}

Regards,
Mahesh

[Mahesh]

Hi @sbratsch,

You’ll need to hire a customizer for the above purpose.

Regards,
Mahesh

[Mahesh]

Hi @StoneColdHE

In Catch Responsive, you can use upto 20 featured content box. Go to “Dashboard=> Appearance=> Customize=> Featured Content” and select Featured Page Content from Select Content Type. Then increase number in No of Featured Content to 12 and click save and refresh the page. Then you’ll see 12 drop downs to select pages then assign all 12 pages in the drop down and save again. Then check in your frontend.

Let me know if it helped.

Regards,
Mahesh

[Mahesh]

Hi @kerrigo,

I am checking your site, you have update to 2.0 and all page are full-width. Below are some screenshots.
http://www.awesomescreenshot.com/image/962120/267b3e6d4e273b11ff77c1496fbf54b7
http://www.awesomescreenshot.com/image/962124/f26afd48767747919dde3c45121d5fff
http://www.awesomescreenshot.com/image/962125/c4354e1f71ced06ab4963dc996873774

May be you’ve some caching. Please visit this link:
http://anonymouse.org/cgi-bin/anon-www.cgi/http://awakenedplanet.com

Regards,
Mahesh

[Mahesh]

Hi @Priscilla,

From when did the issue arise? Are you using any plugins? If so please deactivate all your plugins and check again. If the problem persists please change the theme to WordPress core themes (twenty-fifteen, twenty-sixteen). If problem persists, it is not a theme issue.

Let me know if the problem persists.

Regards,
Mahesh

[Mahesh]

Hi @Ldekker,

May be following style will help you. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.site-title {
    display: inline-block;
    -webkit-transform: scale(1, 3.5);
    -moz-transform: scale(1, 3.5);
    transform: scale(1, 3.5);
    margin-top:25px;
  }
.site-description {
    margin-top:45px;
}
@media screen and (max-width: 990px) {
  .site-description {
    margin-top:35px;
  }
}
@media screen and (max-width: 480px) {
  .site-description {
    margin-top:30px;
  }
}

Regards,
Mahesh

[Mahesh]

Hi @Jos,

I’m afraid it cannot be achieved with custom CSS only. Catch Adaptive Pro is using masonry for two columns display. I recommend you to hire a customizer of that. It is beyond theme support scope.

Regards,
Mahesh

[Mahesh]

Hi @kerrigo,

The pages in your site are already full-width. You’ve managed the remove the sidebars for the page and show the content with full-width.

Let me know if any problem.

Regards,
Mahesh

[Mahesh]

Hi @Shana Shanti,

Yes, you’ll get that feature in Pro version for sure. It is built-in feature in Catch Evolution Pro version.

Regards,
Mahesh

[Mahesh]

Hi @ibrahim,

Please post in your site url.

Regards,
Mahesh

[Author]

Posts