Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1377906
    Curcic
    Participant

    I need to move navbar to the far right, so the logo can be seen.
    Help 🙂
    http://termotim.hiposistem.co.rs/wp/sr/demo-home

    #1377915
    Christian
    Moderator

    Hey there,

    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. 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.

    #1377929
    Curcic
    Participant

    Ok, and what about getting logo in Top bar position, above navbar ?

    #1377943
    Paul R
    Moderator

    Hi,

    You can achieve that by selecting Stacked layout under Appearance > Customize > Header > LOGO AND NAVIGATION > Layout

    Thanks

    #1377973
    Curcic
    Participant

    thanx.
    one more question
    I need to adjust navbar more up to the top, to be inline with logo.
    Also, do you know why Uber menu dont allow to have transparent home tab ?
    Thank you

    #1377997
    Paul R
    Moderator

    Hi,

    You can add this under Custom > CSS in the Customizer.

    
    .ubermenu.ubermenu-main {
        position: relative;
        top: -20px;
    }
    
    .ubermenu .ubermenu-item.ubermenu-item-2644 > .ubermenu-target {
        background-color:transparent;
    }
    
    

    Hope that helps.

    #1378001
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    li#menu-item-2644 a {
        background-color: transparent !important;
    }

    Hope it helps 🙂

    #1378036
    Curcic
    Participant

    I still have black background behind HOME, whatever I do..manualy, I can change it to another colour
    but cannot make it be transparent

    #1378048
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .ubermenu .ubermenu-item.ubermenu-item-2644.ubermenu-current-menu-item > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-2644.ubermenu-current-menu-ancestor > .ubermenu-target {
        background: transparent;
    }

    Hope that helps.

    #1378052
    Curcic
    Participant

    Yes!
    Thanx a lot!!!

    #1378053
    Curcic
    Participant

    Do I need an extra settings for two other languages I have, because it doesnt reflect on those two homepages?

    #1378076
    Christopher
    Moderator

    Please add this as well :

    .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target,.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
        background: transparent;
    }
    

    Hope it helps.

    #1378081
    Curcic
    Participant

    Thanx, its perfect!

    #1378102
    Christopher
    Moderator

    You’re welcome.

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