Sticky Post Title

  • NameRequired

    (@agustin8_4)


    9 years, 3 months ago

    Hi, How do I make the post or page title sticky in WP Touch Pro?

    The user scrolls down and still see the post title bar at the top

Viewing 3 replies - 1 through 3 (of 3 total)
  • airdrummer

    (@airdrummer)

    9 years, 3 months ago

    perhaps by setting:

    .post-page-head-area.bauhaus 
{
   position: fixed; 
   z-index: 1;
   width:100%;
}

    in ur appearance>customize>mobile>custom css?

    u also would need:

    .post-page-content
{
   padding-top: 6em;
}

    allowing it to float to the top of the page when scrolling down is another matter…

    • This reply was modified 9 years, 3 months ago by airdrummer.
    • This reply was modified 9 years, 3 months ago by airdrummer.
    • This reply was modified 9 years, 3 months ago by airdrummer.
    Thread Starter NameRequired

    (@agustin8_4)

    9 years, 3 months ago

    Hi, thank for your response.

    The problem with that solution is that it makes the entire header sticky: title + image background, which is about 30% of my phone screen.

    I just want the title, even with a white background, and take a maximum 15% of the screen.

    Any ideas? Would this work better with your other themes? like the Classic one?

    BraveNewCode Inc.

    (@bravenewcode)

    9 years, 3 months ago

    Hi @agustin8_4,

    You can try adding CSS to reduce the height of the page head area. Give this one a try:

    .post-page-head-area.bauhaus 
{
   position: fixed; 
   z-index: 1;
   width:100%;
padding-top: 0;
padding-bottom: 0;
}
.post-page-content
{
   padding-top: 6em;
}

    and adjust the padding values to suit.

    Thanks airdrummer!

    Regards,

    Emilio Rivera
    WPtouch Support

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Sticky Post Title’ is closed to new replies.