Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1203212
    [email protected]
    Participant

    Hi guys, I’m working on x-theme for some time. Thanx for the great job you did with this theme!

    But every rose has its thorns. I have a problem with setting up navbar.
    I need it to be on the left side of the container. Natively its on the right side.

    I used margin and padding to move it on the left side – but this solution work only with fixed screen size [my case FHD] and changing position on lower resolutions.
    .x-navbar{ margin-left:-55%; padding-right:62%; }

    Do you have any possible solution for that.

    My web page is: Darestudio.pl
    [navbar is on native left side now]

    #1203266
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .masthead-inline .desktop .x-nav {
        float: left;
    }

    Hope it helps 🙂

    #1203615
    [email protected]
    Participant

    OMH thank you so much

    Is there any way to get rid of the free space between nav bar and left margin of the page?

    #1203649
    Joao
    Moderator

    Please add the following code to Appereance > Customizer > Custom > CSS

    
    .x-container.max {
        margin: 0 !important;
    }

    Hope it helps

    Joao

    #1204843
    [email protected]
    Participant

    Hey it worked thanx.
    I tried to move it to the left border but I cant for some reason.
    There was an Logo img so i removed it – it kinda messed up the layout so i needed to add padding at the bottom.

    #1204967
    Paul R
    Moderator

    Hi,

    Please replace the code above with this.

    
    .x-navbar  .x-container.max.width {
       width:100%;
    }
    
    .x-navbar  .x-nav-wrap.desktop .x-nav li:first-child {
       padding-left: 0;
    }
    

    Hope that helps.

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