Hemingway Rewritten customizations

• 

  thejasonwatts · Member · Nov 16, 2015 at 3:10 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’d like to find out if several customizations to the Hemingway Rewritten theme can be made, and whether I’ll need to add the changes via the Custom CSS area, or if these are changes someone has to make for me.

  1. The navigation menu. On mobile, the navigation menu button is not balanced with the search button icon. The search button appears to be aligned with the far right edge of my content. Is it possible to get the navigation menu icon aligned to the left side of the content? Also, a similar effect is noticeable on desktop, where the text of the navigation menu is not aligned with the left edge of the content. Are these display issues connected? Finally, when the navigation menu is opened on mobile, the lighter grey box the menu appears in is not centered. Can that be changed as well?

  2. The “Aside” post type. As you can probably see, I’m basically using the “Aside” format to create music and album pages. I would really prefer to have the image atop the music player be the top-most content, and feel like it would be far less cluttered, and repetitive, if the post title, date, author, etc., located at the top of the posts could be removed, or perhaps “invisible” is the better way to put it. I only need that to apply to the “Aside” post type.

  As always, thanks in advance to anyone who can help me out!

  The blog I need help with is: (visible only to logged in users)

• 

  nizamilputra · Member · Nov 17, 2015 at 10:32 am

  • Copy link

  Hello there, let me try to help you.

  Here is for number 1:

  @media screen and (max-width: 800px){
    .menu-toggle, .main-navigation.toggled .nav-menu{
      margin: 0 auto 0 7%;
    }
    .main-navigation li{
      padding: 0 15px;
      text-align: center;
    }
  }

  Here is for number 2:

  .format-aside .entry-header{
    display: none;
  }

  I hope it works.

• 

  thejasonwatts · Member · Nov 17, 2015 at 11:33 pm

  • Copy link

  Hi nizamilputra! Thank you so much! I discovered that (apparently) the menu always stays aligned with the navigation menu button. I tweaked a few things in the code you have me, and I love it! One other question, though: Could you possibly give me the code for moving the search icon/button left and right? I’m sure it’s similar to the navigation menu code, but I’m not very savvy when it comes to this stuff. 😊

  Also, the code for removing the title, date, etc., ok the “aside” post type worked perfectly!

  Thank you so much for the assistance!

• 

  nizamilputra · Member · Nov 18, 2015 at 8:15 am

  • Copy link

  Hi Jason, of course I could.

  The default code to adjust the position of search icon is:

  @media only screen and (max-width: 800px){
    position: absolute;
    top: 0;
    right: 7%;
  }

  Then you can moving the position of search icon by setting top, left, right, bottom css properties. Example:

  @media only screen and (max-width: 800px){
    top: -5%;
    right: 7%;
  }

  I believe you just need top and right properties to move it. You can also use negative value to move otherwise.

  I hope it helps you.

• 

  nizamilputra · Member · Nov 18, 2015 at 8:18 am

  • Copy link

  Oops sorry. I forgot to add the selector. :(
  Here is the revision:

  The default code to adjust the position of search icon is:

  @media only screen and (max-width: 800px){
    #header-search-toggle{
      position: absolute;
      top: 0;
      right: 7%;
    }
  }

  Then you can moving the position of search icon by setting top, left, right, bottom css properties. Example:

  @media only screen and (max-width: 800px){
    #header-search-toggle{
      top: -5%;
      right: 7%;
    }
  }

  I believe you just need top and right properties to move it. You can also use negative value to move otherwise.

  I hope it helps you.

• 

  nizamilputra · Member · Nov 18, 2015 at 8:22 am

  • Copy link

  Ah my bad habit again. I forgot to add code box :(. I hope WordPress staff can edit it.

• 

  thesacredpath · Member · Nov 19, 2015 at 9:16 pm

  • Copy link

  @nizamilputra, edited. :)

• 

  nizamilputra · Member · Nov 20, 2015 at 2:14 am

  • Copy link

  @thesacredpath – Thank you :)

• 

  thejasonwatts · Member · Nov 20, 2015 at 4:17 am

  • Copy link

  Nizamilputra, thank you again! The code you gave worked perfectly. I sincerely appreciate the help!

• 

  thejasonwatts · Member · Nov 20, 2015 at 5:27 am

  • Copy link

  Would it inappropriate to ask a few more questions here, or should I start a new thread?

  If so, please let me know, and I’ll repost these elsewhere.

  I’m curious if it’s possible to turn the entire image block with my name into a link back to the “home” page. I tried a few things I thought might work, but no positive results.

  And finally, I’d like to make the titles on category pages disappear. Is that also possible?

• 

  nizamilputra · Member · Nov 20, 2015 at 6:09 am

  • Copy link

  I wonder it’s ok, because it’s related to the same theme.

  I’m curious if it’s possible to turn the entire image block with my name into a link back to the “home” page. I tried a few things I thought might work, but no positive results.

  .site-title a{
     padding: 2em;
     display: block;
  }

  It can’t cover the entire image. But I believe it helps more.

  And finally, I’d like to make the titles on category pages disappear. Is that also possible?

  .category .page-header{
    display: none;
  }