Title page pic mobile vs desktop

  • Resolved sarahb1863

    (@sarahb1863)


    3 years, 4 months ago

    Hi all,

    Is there any way to design a Posterity site so the title picture shows up in the desktop version but NOT in the mobile version? Or to change the padding to be less in the mobile version?

    I have a website where the phone number and website name is in the title graphic picture, so the whole thing needs to be visible in all devices. This isn’t a problem in the desktop version, but in the mobile version the title graphic is tiny (which I get) and has a HUGE amount of padding at the top and the bottom, so you can’t even see the content of the page unless you scroll down.

    What I’d like is for the padding to go away when you’re in mobile mode. I’d like to get rid of it altogether but when I do that my title bar graphic gets skinny.

    Any ideas? Thanks!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author sonalsinha21

    (@sonalsinha21)

    Kindly add Following Code In Appearance >> Customize >> Additional CSS 

    @media screen and (max-width: 29.938em) {
.page .title-bar.outside .overlay-color{ padding-top:35px !important; padding-bottom:35px !important;}
}

@media screen and (max-width:47.938em) and (min-width:30.000em) {
.page .title-bar.outside .overlay-color{ padding-top:78px !important; padding-bottom:78px !important;}  
}

@media screen and (max-width:63.938em) and (min-width:48.000em) {
.page .title-bar.outside .overlay-color{ padding-top:90px !important; padding-bottom:90px !important;}    
}
    Thread Starter sarahb1863

    (@sarahb1863)

    Thank you!!! ??

    This is working fine except on the mobile, it looks like there’s still some padding at the top. Do I need to adjust some numbers? Please let me know, thanks!

    Also, this doesn’t seem to be solving the problem for the “Blog” page (which on this website is called “Articles”). Could you please add an entry for that page too? Thanks so much!

    • This reply was modified 3 years, 4 months ago by sarahb1863.
    • This reply was modified 3 years, 4 months ago by sarahb1863.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Title page pic mobile vs desktop’ is closed to new replies.