This topic contains 34 replies, has 6 voices, and was last updated by Avatar Whoweez 3 years.

  • Author
  • #47193
    Avatar Rincon805 
    Participant

    Hi. I have a boxed layout on my site and I was wondering if it was possible to have a full width header override the boxed layout. If you see the screenshot, I’m tring to make the slider full-width and then have the boxed layout and sidebar begin underneath that.
    Is that possible/relatively easy to accomplish?

    Thanks,

    #47527
    Laura Laura 
    Moderator

    Hello, can you share your website?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #47545
    Avatar Rincon805 
    Participant

    Sure thing: col.thelaw.agency

    #47892
    Andrei Andrei 
    Moderator

    Sure you can do that, please note that in your edit page screen, somewhere below the content box, you have a meta box called “Header Content” which will do exactly what you want and in which you can put any shortcodes and use any sliders which provides you a shortcode. For example, to use Revolution Slider you just have to put in that Header Content box the following shortcode: “[rev_slider testslider]”

    Hope this helped you out.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #48222
    Avatar Rincon805 
    Participant

    Sweet! Does anybody have a link that will show me what shortcodes are available? Specifically a full width shortcode?

    Thanks

    #48791
    Andrei Andrei 
    Moderator

    While you’re in the edit page screen, change to the “Classic Editor”, and you’ll have a “KLEO” dropdown in the content editor toolbar. From there you can find all our shortcodes, and you can use them wherever you want/need.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #48805
    Avatar Rincon805 
    Participant

    Heya.

    I appreciate the feedback, but there’s no full width shortcode option – that IS available, though, right?

    Thanks,

    #48881
    Andrei Andrei 
    Moderator

    You don’t need any shortcode, the Header Content box is already full width, it will be above your sidebar as you asked. You just have to paste the shortcode of a slider there, as how i exemplified in my first reply.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #48882
    Avatar Rincon805 
    Participant

    Gotcha. Thanks.

    I don’t want a slider in there, however. I’m looking to auto-play a movie. How do I go about setting a hosted movie to autoplay?

    Thanks,
    -H

    #49057
    Avatar Rincon805 
    Participant

    Ok, so I don’t think I’m explaining myself adequately. Please see attached screensnaps. I have a boxed layout. I’m wanting to have my homepage be full width, however. Right now, when I put any shortcode into the Header Box, the limits are still defined by the “box” layout. Is it at all possible to have the rest of the site be “boxed” but have the homepage be full-width? If so, how do I accomplish this?

    Thanks,
    -H

    #49060
    Avatar Rincon805 
    Participant

    website is now thelaw.agency

    #49081
    Avatar dennis09 
    Participant

    Wow I was just about to make this topic lol. I need a full width homepage and boxed everything else. The revolution slider doesn’t make as big of an impact when it’s sandwiched like that.

    #49290
    Andrei Andrei 
    Moderator

    Ok, so we don’t have such an option out of the box, but here is a small hack which will help you achive what you need.
    Put the following code in your functions.php file, and please update the shortcode from it.

    http://pastebin.com/DNjSLjZ7

    Hope this helped you both.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    • This reply was modified 4 years by Andrei Andrei.
    #51613
    Avatar jnevent 
    Participant

    Hi! I think i have the same problem, i want the header (the menu section) and the footer to be full width in boxed mode. i tried to put the hack code in the functions.php file but it just showed an error message.

    Can you help me?

    Thanks.

    #51724
    Andrei Andrei 
    Moderator

    With the following piece of code you can make full width header and footer while keeping boxed layout for the rest of the page, please note that you’ll have to enable your page layout as “full width”.

    COPY CODE
    
    function show_full_width_header_on_boxed_layout(){
    	echo '</div>';
    	echo '<div class="kleo-page page-boxed">';
    }
    add_action('kleo_header', 'show_full_width_header_on_boxed_layout', 9999);
    function show_full_width_footer_on_boxed_layout($sidebar){
    	if($sidebar == 'footer'){
    		echo '</div>';
    		echo '<div class="kleo-page">';
    	}
    }
    add_action('get_sidebar', 'show_full_width_footer_on_boxed_layout', 9999);
    

    Let me know if worked as it should.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #51796
    Avatar jnevent 
    Participant

    Thank you! Where should i paste it? if it is in the functions.php file, is it in the kleo child function file or just kleo? And were in the file, which line?

    Thanks!

    #51799
    Andrei Andrei 
    Moderator

    If you activated the kleo child theme then you should add the code to that one, inside the functions.php file.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #52825
    Avatar jnevent 
    Participant

    I just tried the code and everything, but it still doesn’t work, probably i just missed something but i can’t figure out what..

    This is what my kleo-child functions.php file looks like:

    COPY CODE
    <?php
    /**
     * @package WordPress
     * @subpackage Kleo
     * @author SeventhQueen <themesupport@seventhqueen.com>
     * @since Kleo 1.0
     */
    
    /**
     * Kleo Child Theme Functions
     * Add custom code below
    */
    
    function show_full_width_header_on_boxed_layout(){
    	echo '';
    	echo '';
    }
    add_action('kleo_header',
    'show_full_width_header_on_boxed_layout', 9999);
    function
    show_full_width_footer_on_boxed_layout($sidebar){
    	if($sidebar == 'footer'){
    		echo '';
    		echo '';
    	}
    }
    add_action('get_sidebar',
    'show_full_width_footer_on_boxed_layout', 9999);
    #53325
    Andrei Andrei 
    Moderator

    I think the code got trimmed in here, here is what I’ve been using and it works: http://pastebin.com/qNFxP7Gz
    Please note you have to set up your layout as full-width.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #53381
    Avatar jnevent 
    Participant

    I just pasted the code into functions.php and get the syntax error again.. can you fix it if i give you the my username and password? sorry for the trouble!

    #53385
    Andrei Andrei 
    Moderator

    Yes please, give me admin credentials to your wp install.
    Looking forward.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #53394
    Avatar jnevent 
    Participant

    Now it just works with the footer, not the header…

    #53396
    Andrei Andrei 
    Moderator

    You’re doing something wrong probably, please share admin credentials and I’ll give a look.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #53397
    Andrei Andrei 
    Moderator

    You’re doing something wrong probably, please share admin credentials and I’ll give a look.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #53400
    Avatar jnevent 
    Participant

    user: admin
    pass: KleoSupport12

    #53403
    Andrei Andrei 
    Moderator

    Can you also post a link ?
    Thanks 😀

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #54267
    Avatar jnevent 
    Participant

    I can’t see your last message, if it was to me? It’s marked as private.

    #55162
    Andrei Andrei 
    Moderator

    You’ve shared admin credentials but didn’t shared a url of your site.
    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #70095
    Avatar Rincon805 
    Participant

    Yeah, this code snippet didn’t work for me, either. It made the footer almost full width, but the row above it grew a little bit and the header stayed the same.

    Thanks for the assist, though.

    #99919
    Avatar Whoweez 
    Participant

    Good day,

    I’d appreciate it if someone could assist with this. I need the header to be full width and not boxed. please refer to attached pic.

    Thanks 🙂
    Whoweez

    #99923
    Avatar Whoweez 
    Participant

    Oeps, and while we at it, if someone could assist in making the footer and socket full width as well, but separately from the header…

    Thanks 🙂
    Whoweez

    #99944
    Andrei Andrei 
    Moderator

    Hi,

    We’re already working on the full browser width menu style and should be released in the next theme update somewhere next week.

    A full width footer is not possible when using the boxed layout style, at least not for now.

    Please let me know if I can help you with anything else.

    Cheers

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #99945
    Avatar Whoweez 
    Participant

    Wow! Thanks Andrei!

    Tell me, would the footer at least be full width with the “full width” layout?

    Thanks
    Whoweez

    #99946
    Andrei Andrei 
    Moderator

    The background of it yes, it will be full width, but the data inside it will be wrapped into a inner container, which with a few small tweaks can be extended to full browser width if you like.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #99953
    Avatar Whoweez 
    Participant

    Yeh, I’d very much like a full width header and footer 🙂

    Thanks. I guess I wait for the update next week…
    Whoweez

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

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?