Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 5, 2014 at 4:30 pm #232779
    DavyE

    Hi,

    I’ve tried to center my portfolio categories, which seem to work with the following:

    .sort_width_container div .sort_by_cat {text-align:center!important;}
    .sort_by_cat a {float:none!important; display:inline!important;}

    But now I’ve noticed that on smaller browser sizes, some languages push the categories below one another (which is the way it should be when there is not enough room to put them next to each other) and some languages keep the categories on one line but cut off everything outside site width. Try resizing the browser for these two pages:

    Correct: http://goo.gl/bbRZ9f
    Incorrect: http://goo.gl/uPw4Lc

    So what’s the best way to center these categories, please?

    March 7, 2014 at 6:13 pm #233891
    Yigit

    Hi DavyE!

    Please wrap your custom CSS code inside media query as following

    @media only screen and (min-width: 767px) {
.sort_width_container div .sort_by_cat {text-align:center!important;}
.sort_by_cat a {float:none!important; display:inline!important;} }

    Cheers!
    Yigit

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