This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Full width slider on home page

Viewing 6 replies - 1 through 6 (of 6 total)
  • Author
    Replies
  • #23439
    Jason Bobich
    Keymaster

    Hi,

    1. When you say “full width” do you mean up above the sidebar + content, full-width of the layout container? If so, then you’ll use the layout builder to construct the page, and then you’ll put your slider in the “Featured Area” of the layout. Checkout the videos in your docs about the layout builder, and will explain how this works.

    2. If when you say “full-width” you mean full-width of of the browser window, there is no feature in the theme for this. A plugin like Revolution Slider will allow you to do this, though. If using this plugin, it’s best to use the Columns element, set it to one column, and then put their shortcode usage within the content like [rev_slider foo] — the plugin has some feature to force the slider full-screen.

    #23589
    jphipps
    Participant

    I have setup the slider at the top of the page above the content (with sidebar – right). This works fine on a desktop but on an iPhone it is incorrect.

    iPhone with the slider template in place – http://postimg.org/image/g4jpo1697/
    iPhone with default template (no slider) – http://postimg.org/image/4qx6ctvqj/

    I am using a template with a 1 column setup (100%) for the slider within Raw Content in the Featured Above, Primary Area uses Current Page Content.

    Why is the template not working as responsive should?

    Thanks.

    #23591
    Jason Bobich
    Keymaster

    How are you putting the YouTube video in there?

    #23596
    jphipps
    Participant

    Standard YouTube Embed code. I have reduced the size in order to make it work with the setup but there is obviously something that is not working right on the responsive stuff. My only thought is I should use some other format than 1 column setup….

    #23597
    Jason Bobich
    Keymaster

    By default, the embed code you’re pasting from YouTube isn’t going to be responsive. In WordPress there’s something called oEmbed, which is how you want to be embedding your videos into pages and posts. It works by simply placing the URL to the YouTube video page in your content, which would be https://www.youtube.com/watch?v=HQAjI4ZcPgo

    More Info: https://codex.wordpress.org/Embeds

    This way, WordPress handles embedding the video for you. This is beneficial because it means the themes and plugins have a chance to hook in and manipulate the output. In this case, the theme filters in and is able to make your YouTube video responsive.

    This feature of WordPress does not work, by default, in the raw content textarea of a column element in the layout builder. There are two ways you can get around this:

    Option 1: You can put your content within another page. Then within the column select to include content from external page.

    Option 2: You can enable the feature within the raw content textarea by adding this to your child theme’s functions.php:

    add_filter( 'themeblvd_the_content', array( $GLOBALS['wp_embed'], 'run_shortcode' ), 8 );
    add_filter( 'themeblvd_the_content', array( $GLOBALS['wp_embed'], 'autoembed'), 8 );
    #23609
    jphipps
    Participant

    Thanks so much, Jason…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.