Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1400402
    NuBytes
    Participant

    Hi there,

    I need a topper header like the attachment.
    How can I realize this?

    Best regards,
    Axel

    #1400473
    Joao
    Moderator

    Hi Axel,

    Could you be more precise what part are you trying to reproduce?

    If it is just the topbar you can add the content to Appereance > Customizer > Header > Topbar

    Add the content in two different divs, float one right and another left.

    Please add your content as follows on your topbar

    <div class="float:left;"> Content Here </div> <div style="float: right;"> Content Here </div>

    Also add the following code to Appereance Customizer Custom CSS to get rid of the social icons on the topbar

    .x-topbar .x-social-global {
       display: none;
    }

    If you need further assistance please provide more details about your goals.

    Cheers

    #1400558
    NuBytes
    Participant

    Okay i see,

    thank you very much. The best way for me would be to integrate bootstrap 4. How can I integrate the bootstrap 4 cdn path so its possible for me to use standard bootstrap 4 codesnippets?

    Thanks

    #1400566
    NuBytes
    Participant

    …its because I’ve seen the x theme shortcodes doesn’t work in the topbar?!

    #1400690
    Rupok
    Member

    Hi there,

    Shortcode works fine within Topbar Content. Adding bootstrap files would be redundant as you can utilize the column shortcode or HTML.

    Thanks!

    #1400725
    NuBytes
    Participant

    Hi,

    for me shortcodes in topbar doesn’t work. Please look at attachment.

    #1400753
    Joao
    Moderator

    Hi There,

    You are correct it does not work, Sorry for the mistake.

    If you would like to add a button. please add

    button text

    If you let us know in detail the content you want on your topbar we can provide you the full code.

    Thanks

    joao

  • <script> jQuery(function($){ $("#no-reply-1400402 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>