Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 30, 2016 at 10:28 pm #605510
    envis

    I am trying to make a copy of the styling of the homepage header on my other pages.
    The page content looks exactly the same, yet the Layerslider WP slider is not looking the same as on the homepage.
    It is a lot lower than the one on the homepage.

    How can I ensure that the header on all pages is similar to the header on the homepage?
    Can I add something to my child-theme to fix this?

    March 31, 2016 at 6:29 am #605644
    Rikard

    Hey envis,

    Looks like you’ve made some customisations there and I think that is what is causing your problem. Looks like the breadcrumbs will not be displayed in a good way so you might want to consider turning them off. You can try the following CSS as well: 

    .html_header_top.html_header_topbar_active.html_header_sticky #top #main .stretch_full {
    padding-top: 0px !important;
}

    Best regards,
    Rikard

    April 1, 2016 at 2:05 am #606425
    envis

    Rikard,

    Thanx for your Speedy reply :)

    The CSS is wrong I admit, but fixing that doesn’t eradicate my poblem.
    The HTML is different too between the homepage and the other page:

    Homepage (code before slider):

    <div id="main" data-scroll-offset="88">

	<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize" style="height: auto;">

    The other page (code before slider):

    <div id="main" data-scroll-offset="88">

	<div class="stretch_full container_wrap alternate_color light_bg_color empty_title  title_container"><div class="container"><h1 class="main-title entry-title"></h1><div class="breadcrumb breadcrumbs avia-breadcrumbs"><div class="breadcrumb-trail" xmlns:v="http://rdf.data-vocabulary.org/#"><span class="trail-before"><span class="breadcrumb-title">U are here:</span></span> <a href="http://www.john.doe" title="John Doe" rel="home" class="trail-begin">Home</a> <span class="sep">/</span> <span class="trail-end">The other page</span></div></div></div></div>

	<div id="layer_slider_1" class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize" style="height: auto;">

    Where can I edit this piece of code of the other page?

    April 2, 2016 at 12:23 pm #606947
    Ismael

    Hi!

    Edit the page then look for the Layout > Title Bar Settings. Disable the title and breadcrumb container.

    Best regards,
    Ismael

    April 2, 2016 at 9:43 pm #607040
    envis

    Ismael,
    Is there no way to put the breadcrumb below the slider?
    I really would like to to keep it.

    April 4, 2016 at 5:05 am #607339
    Rikard

    Hi,

    Please refer to this: http://kriesi.at/documentation/enfold/inserting-breadcrumbs-as-shortcode/

    Regards,
    Rikard

    April 5, 2016 at 11:31 am #608189
    envis

    Thanx Rikard, I have manually added a breadcrumb to all pages with the topslider.
    I am still looking into making a custom template for the slider and breadcrumb, so I can have a more bulletproof solution.

    April 7, 2016 at 7:35 am #609394
    Ismael

    Hi!

    I’m sorry but this will require customization that we can’t provide here. Please contact our partner, codeable: http://kriesi.at/contact/customization

    Cheers!
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.