Docs

[Rue Nel]

Hello There,

Thanks for updating in! The slider below or above the masthead is only available for the pages only. If you want want to apply the slider in all your post, you will have to customize the theme. Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After the child theme is set up, please add the following code in your child theme’s functions.php file

// Displaying custom slider in single blog post
// =============================================================================
function add_custom_slider(){ ?>
  <?php if ( is_single() ) : ?>
    <div class="custom-image">
      <?php putRevSlider( 'slider-name' ); ?>
    </div>
  <?php endif; ?>
<?php }
add_action('x_after_view_global__slider-below', 'add_custom_slider');

We would loved to know if this has work for you. Thank you.

[cthurston2131]

Thank you very much for that coding. It is very close however the navigation bar is not inside of the slider image. (http://devindodsonracing.com/2016/12/24/rookie-devin-dodson-runs-top-three-times-in-third-hickory-preseason-test/)

[Christopher]

Hi there,

Please add this code :

.custom-image {
    margin-top: -75px;
}

Thanks.

[cthurston2131]

Thank you for that. I have put this into my functions.php however it gives me the following error.

`Parse error: syntax error, unexpected ‘.’ in /home/hayesmot/public_html/devindodsonracing.com/wp-content/themes/x-child/functions.php on line 36

[Rad]

Hi there,

Don’t add it to functions.php, it should be added to Admin > Appearance > Customizer > Custom > CSS

Thanks!

[cthurston2131]

Is there a way to make this header and navigation static? Also is there a way on mobile to put the navigation just under the image and say navigation or menu?

[Rad]

Hi there,

1. Please set your navbar positioning to fixed top under Admin > Appearance > Customizer > Header. That should fix it on top and follow as you scroll.

2. Please set your slider above masthead instead of below masthead. This will make your navbar under the image when viewed on mobile.

3. Then add this CSS too,

@media ( min-width: 980px ) {
.home .masthead {
height:0px;
}
}

This make sure the navbar is over the image on desktop

4. Please add this CSS to add MENU word within the mobile menu.

  .x-btn-navbar i:after {
  content : "MENU";
  display: inline-block;
  margin-left: 5px;
  font-family:"Lato",sans-serif;
  }

Hope these helps.

[cthurston2131]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating in! Regretfully we cannot support any modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and structural modifications to it will likely lead to numerous layout problems as there are a lot of things to take into consideration because of X’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[Author]

Posts