Support » Theme: Tracks » Mobile menu contents (and page width, while I'm at it)

  • Resolved Jaaaarne

    (@jaaaarne)


    First of all, thank you for the great theme, Ben. So far it’s the best theme for my writing website that I’ve come across, works very well for my purpose. Even the fact that it has dark background (something I generally don’t like) somehow works for it the way I’d never expect it to.

    However, there are a couple of questions. Those are not show stoppers, mind you, but I’d like it to be perfect all around. I’m using a child theme from your website that has category exclusion on the functions.php

    Question one.
    On mobile view the tagline disappears from its usual place under the website title. Instead it shows up at the top of mobile menu when you click the menu button. It looks illogical to me and I wish to get rid of it. Either put it back under the website title, or remove it from mobile view altogether. How do I go about doing that?

    Question two.
    Since I’m using it to post my writing, I’d really like the text part on the single view to be a li-iittle bit wider. 🙂 The text takes up about only half of the white page, the side margins are huge. And since it’s a responsive layout, I don’t even know where to start tweaking. 🙂 Is there a relatively easy way (or moderately difficult one)?

    Question three (bonus).
    Could you maybe advise an infinite scroll plugin for this theme? 🙂

    Thank you beforehand!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for the kind words. Glad you like the theme!

    The tagline can’t change positions on mobile, but it can be hidden with the following CSS:

    @media all and (min-width: 800px) {
    
      .site-header .site-description {
        display: none;
      }
    }

    Modifying the margins around the post text can be done pretty easily as well. Before sharing the CSS, I should mention that they are modified a few times as the screen scales to keep the characters per line to around 75. I would recommend keeping some decent margins on the sides to maintain readability.

    That said, this CSS will reduce the margins, and the 18% value can be further reduced to lessen the margins:

    @media all and (min-width: 600px) {
    
      .entry-container {
         padding: 0 18% !important;
      }
    }

    Lastly, for infinite scroll, Tracks is fully compatible with the infinite scroll module in Jetpack.

    Thanks for the reply!

    I believe it should be max-width in the first snippet, or else it does just the opposite. 🙂

    Margins worked beautifully. However, when I tried adjusting the comments form/list accordingly, I ran into problems on screen resolutions wider than 1280. Will probably have to leave the comments with their original width. *sigh* 🙂

    As for the Jetpack, it’s unreasonably huge and extremely user unfriendly, always nagging for integration with wp.com and never taking “no” for an answer. Won’t touch it with a 10 foot pole.

    Well, it was a far shot anyway. 🙂 I’ll live without infinite scroll.

    Theme Author Ben Sibley

    (@bensibley)

    Hmm that is true. Jetpack is great if you’ve already got it installed, otherwise kind of a pain.

    Something like this should work for keeping the comment section from getting any narrower than the content at wide screen widths:

    @media all and (min-width: 1445px){
    
      .comments {
        padding: 0 233px 3em !important;
      }
    }

    Thanks, I will try it! Currently have no access to a bigger resolution desktop, will check on Monday.

    And since you’re being awesome and reply fast, I have one more question. 🙂

    I wish to make some changes to index.php to display single pages in one particular category a bit different than the rest of them. I already know what to do. However, putting index.php into a child theme directory messes with pagination display. Pagination disappears.

    Even if I so much as simply copy the original index.php from the parent theme into the child theme directory without making any changes to it, the pagination still disappears. If I remove index.php from the child theme directory, the pagination displays correctly.

    Why could that be?

    ETA: Ah, disregard. I’ve fixed it myself. 🙂 As they say, it takes one detailed explanation of the problem to immediately find the solution. :)))

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile menu contents (and page width, while I'm at it)’ is closed to new replies.