Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #166991

    I have a few issues/questions with the current Incarnation theme.

    1) I installed/activated/imported the dummy content for the theme. I replaced the logo with a larger one; 450px x 87px. As soon as I replaced the logo the wordpress tagline “just another site” appeared and I can’t find a way to remove it short of deleting the tagline from the WordPress settings (which I don’t want to do). Did I miss something somewhere or is it a bug?

    2) Due to the fact that the logo is longer than the incarnation logo it’s causing issues with the menu when viewing as a responsive layout (ipad vertical/horizontal) the menu items go over the logo instead of the logo resizing or the responsive menu kicking in. What’s the best way to fix this? I’d prefer the responsive drop down menu take effect for the ipad horizontal/vertical layout instead of the logo resizing. Is this hidden inside one of the various CSS files associated with the theme?

    3) Overall width of the theme is to narrow for the site that’s being worked on; the current 980px width of the .content class on Incarnation just isn’t cutting it. That being said I tried to adjust the values in grid.css under the section /* #Base 960 Grid to be the values found in the commented out /* #Desktop – Extra Large */ section of that same file. All looked ok until resizing and the layout gets cut off when viewing it in a responsive layout (ipad, etc.). What is the best way to increase the overall width of this layout? Since there are so many additional CSS files did I miss a file that controls other responsive elements that I should have edited when I adjusted the grid.css?

    4) Feature Request: WooCommerce compatibility please. I’m building it in myself but it would be preferred that it was an option so that the site could sell stuff without having to work around a non-compatible layout. : )


    I’d like to add to this by asking if there is a way to have the sidebar appear when using a dynamic template based off the Incarnation frontpage sample.

    I’ve created my own dynamic template and set “right sidebar” under the “Dynamic Template Page Layout” but when you add page splits etc. (to mimic the frontpage template), the sidebar vanishes. Is there a way to work around this?



    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .logo .subtext {
    display: none;

    This will remove the WP description from the logo.

    2) Look for this code in the themes js folder in the avia.js file:

    	// improves menu for mobile devices
    	jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
    	  switchWidth: 768,                   							//width (in px to switch at)
    	  topOptionText: jQuery('.main_menu').data('selectname'),     	//first option text
    	  indentString: '   '  							//string for indenting nested items

    You can then change the switch width to a higher pixel value.

    3) The grid.css file will need to be edited and possibly the layout.css file. It’ll take a bit of trial and error to go through and change the grid and media queries all the way through to a larger width overall.

    4) WooCommerce will probably not be added but a basic integration is pretty simple using either templates or actions/filters. See: (Purchase code hidden if logged out) /

    The page splits break the content of the page and I believe are only set to work on full width pages.



    Hi Devin,

    Thanks for the tips. Got the mobile menu working with my logo size now; ending up having to change that px size from 768 to 970 to compensate. :)

    I’ll play around with the layout sizes in those stylesheets thanks for pointing me in the right direction. For the logo tagline, since I’m using a child theme, I ended up actually removing the code for it in this instance instead of using CSS to hide it.

    For the WooCommerce part, I was following the Woo guide using hooks. However the issue I was running into was that I don’t know if I was using the right <div> call for replacing the hook… the closest I got was :
    `function my_theme_wrapper_start() {
    echo ‘<div class=”container template-overlap”>’;
    //echo ‘<div class=”container_wrap main_color sidebar_left”>’

    It doesn’t quite work, page breadcrumb section vanishes and the sidebar is underneath goes underneath. No matter what I tried the sidebar keeps appearing in a broken layout (even if I set the theme to use fullwidth); I’d love to get it working so that I can use the hooks with the left/right sidebars. Any other pointers on the hooking into the WooCommerce side would be appreciated.

    UPDATE: Instead of fiddling with hooks (just wouldn’t work per the above) I purchased the Replete theme and copied/pasted it’s config-woocommerce files to Incarnation (also updated the functions.php). Minus some styling issues that I’m working through it appears to be functioning; the only thing that I’m not loving is the inability to switch the side of the page that the sidebar appears on (left/right/nosidebar). I can probably change this manually by editing the config.php file (sort of a pain).

    I know this integration isn’t on the drawing board for this theme but it’s something that appears to be frequently asked for (forums + Incarnation themeforest comments); here’s hoping it might get added at some point in the future since it sort of sucked essentially having to purchase 2 themes to get the woocommerce compatibility base.


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘CSS Width & Responsive CSS Questions’ is closed to new replies.