Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #279745

    Hey Josue, Yigit

    The code you gave for my question about centering the portfolio sorting menu (#js_sort_item) only centers the container, not the individual menu items…

    This was your suggestion:

    #js_sort_items {
    width: 35%;
    margin: auto;
    }

    If you look at the page in mobile view you can see that the text is still left-aligned… Thought it was an elegant solution, but turned out to be a poor patch.

    Please can I have a solution that centers the menu properly.

    Found a general solution here: http://codepen.io/alexandredees/pen/ojaFr

    • This topic was modified 10 years, 5 months ago by danfarberoff.
    #280070

    Hi danfarberoff!

    You can of course use any custom css on any elements but in general support does not cover applying things like that. However this is that same effect applied to those elements on your page:

    
    #js_sort_items {
    float: right;
    position: relative;
    right: 50%;
    text-align: left;
    overflow: visible;
    }
    #js_sort_items > .sort_by_cat {
        position: relative;
        left: 50%;
    }
    

    This has had no testing so keep that in mind as it may not have good cross browser/responsive support.

    Regards,
    Devin

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