Tagged: center, devin-docs, menu items, Portfolio
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
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