Space between masonry body and menu

  • Posted in : Read WP
  • pdjr
    Participant

    Hi!

    I’ve added in this custom css

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

    Now on the normal pages and the front page it seems to be fine http://www.pjdr.eu.

    However, the spacing on a category page such as http://www.pjdr.eu/category/bookreviews/ is too big. I would like to the distance between the content and the menu to be the same as on the front page and the contact page. What should I add?

    Thank you :)

    pdjr
    Participant

    UPDATE: for the time being I added

    .category .page-header {margin-top: -101px;}

    But this doesn’t seem to be an elegant solution as it doesn’t make it look right on an iPhone.

    ahmetsali
    Keymaster

    Hi, update your custom css code as;

    from this

    .category .page-header {margin-top: -101px; }
    

    to this;

    .category .page-header { display:none; height:0; overflow: hidden;  }
    
    pdjr
    Participant

    Thanks! It does seem to fix it but there is still a rather small difference in space, the category page seems a little bit lower than the others.

    See this page: http://www.pjdr.eu/category/bookreviews/ compared to http://www.pjdr.eu

    ahmetsali
    Keymaster

    try updating the code as;

    .category .page-header { display:none; height:0; overflow: hidden; margin-top: -30px;  }
    
    pdjr
    Participant

    Thanks!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register