Docs

[Farhad E]

Hi,

I would like the ICON stack sidebar to always remain on all pages, posts, portfolio items – it should always stay visible throughout the website.

I have already followed this post and added the to my child theme functions:
https://community.theme.co/forums/topic/sidebar-in-icon-stack-portfolio-item/

BUT the sidebar appears on the right – even though in Customizer it is set to “Sidebar Left, Content Right” – how this be corrected?

[Rue Nel]

Hello There,

Thanks for writing in! To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Farhad E]

Hi,

Its not on online server yet, I have it on my PC on localhost – how can I provide access?

Basically its standard ICON stack (as per this demo: http://demo.theme.co/icon-1/portfolio/).

A similar situation can be seen on ICON demo here: http://demo.theme.co/icon-1/portfolio-item/sierra-farm/ – there is no sidebar visible.

How would you go about adding the sidebar to the left in the demo above?

Thanks.

[Christopher]

Hi there,

Please copy wp-sidebar.php from framework/views/icon and put it in the same path inside child theme, replace existing code with the following :

<?php

// =============================================================================
// VIEWS/ICON/WP-SIDEBAR.PHP
// -----------------------------------------------------------------------------
// Sidebar output for Icon.
// =============================================================================

?>

<?php if ( x_get_content_layout() != 'full-width' || is_singular( 'x-portfolio' )) : ?>

  <aside class="x-sidebar nano" role="complementary">
    <div class="max width nano-content">
      <?php if ( get_option( 'ups_sidebars' ) != array() ) : ?>
        <?php dynamic_sidebar( apply_filters( 'ups_sidebar', 'sidebar-main' ) ); ?>
      <?php else : ?>
        <?php dynamic_sidebar( 'sidebar-main' ); ?>
      <?php endif; ?>
    </div>
  </aside>

<?php endif; ?>

Copy wp-single-x-portfolio.php from framework/views/icon and put it in the same path inside child theme, replace existing code with the following :

<?php

// =============================================================================
// VIEWS/ICON/WP-SINGLE-X-PORTFOLIO.PHP
// -----------------------------------------------------------------------------
// Single portfolio post output for Icon.
// =============================================================================

?>

<?php get_header(); ?>
  
  <div class="x-main left" role="main">

    <?php while ( have_posts() ) : the_post(); ?>
      <?php x_get_view( 'icon', 'content', 'portfolio' ); ?>
      <?php x_get_view( 'global', '_comments-template' ); ?>
    <?php endwhile; ?>

  </div>

  <?php get_sidebar(); ?>
<?php get_footer(); ?>

This customization displays main sidebar on portfolio items.

Hope it helps.

[Farhad E]

Hi,

Its not working. Have you tried it yourself?

The code you copy/pasted seems to be from an older post (cant remember which one…), but is it still valid with latest version Version: 4.6.4?

I believe the CSS which loads in portfolio items is different and it seems to interfering with the sidebar display. I can see on home page CSS loads like below:

@media (min-width: 1200px)
.x-sidebar {
position: fixed;

BUT on portfolio page it shows as: position: relative;

Can you please recheck, I tried 3 times with no luck 🙁

Many thanks.

[Rad]

Hi there,

It’s best if we could check it live, ICON stack has a special sidebar which is only applicable for page’s blank templates.

https://www.dropbox.com/s/cw99q557zct5ai5/Icon%20Sidebar.jpg?dl=0

It’s only applicable in page type, other uses standard sidebars. And since you’re working locally, the browser will serve the cache of your site ( http://stackoverflow.com/questions/23751767/chrome-disable-cache-for-localhost-only ). Maybe that’s the reason changing layout isn’t taking effect.

There is no code needed you intended to apply sidebar on all pages. Switching to sidebar layout is enough 🙂

Thanks!

[Author]

Posts