Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1029268
    DotComID
    Participant

    Dear Support,

    When minimize browser I get the form menu not parallel. Sub menu switched to the right side.
    Picture attached. My URL https://www.tangcitymall.com/

    Regards,

    #1029498
    John Ezra
    Member

    Hi there,

    Thanks for writing in! This happens as the menu no longer fits. What would you like to happen at this point? Would you like to switch to the mobile menu right before the menu goes to a second line? Let us know – thanks!

    #1029611
    DotComID
    Participant

    Dear John,

    Yesy i Would you like to switch to the mobile menu right before the menu goes to a second line.

    Regards,

    #1029868
    Friech
    Moderator

    Hi There,

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

    @media (min-width:  980px) and (max-width: 1035px) {
    	.x-navbar .desktop .x-nav>li>a>span {
        padding-left: 10px;
        padding-right: 10px;
    }
    }

    Hope it helps, Cheers!

    #1031199
    DotComID
    Participant

    Dear Friech,

    Why the column submenu does not center?
    picture attached

    #1031729
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > CSS in the Customizer.

    
     .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>.sub-menu {
        left: 50%;
        margin-left: -450px;
    }
    

    Hope that helps.

    #1033238
    DotComID
    Participant

    Sub menu is still not in the Middle.

    Please look at the pictures “tooleft”

    #1033436
    Rue Nel
    Moderator

    Hello There,

    To resolve this issue, please find the block of code in your custom css:

    .x-megamenu.col-2 .sub-menu {
      max-width: 900px;
    }
    .x-megamenu.col-4 .sub-menu {
      max-width: 900px;
    }
    
    .x-megamenu.col-3 .sub-menu {
      max-width: 900px;
    }

    You need to update it and change it to this:

    ul#menu-x-demo-menu {}
    
    .masthead-stacked .desktop .x-nav {
        position: relative;
    }
    
    .x-megamenu.col-2 .sub-menu {
      max-width: 930px;
    }
    
    .x-megamenu.col-4 .sub-menu {
      max-width: 930px;
    }
    
    .x-megamenu.col-3 .sub-menu {
      max-width: 930px;
    }

    We would loved to know if this has work for you. Thank you.

    #1033705
    DotComID
    Participant

    Dear Support,

    It is still not right, its position is not located in the Middle.

    #1033875
    Christian
    Moderator

    Please resize your screenshot. The maximum allowed file size is 500kb only.

    Thanks.

    #1035170
    DotComID
    Participant

    Done.

    Thx

    #1035395
    Rad
    Moderator

    Hi there,

    It’s centered on my end, but I see that you’re checking it within customizer preview. Would you mind providing your admin login credentials in private reply?

    Thanks!

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