how to remove padding when shrinking window – responsive

  • I am not very god with coding. I am using canvas. My website is https://testsite.natureshealing.info
    When I shrink my browser window to see how my website responds and looks on smaller screen devices the problem is the logo drops down to low and visibility of the logo is impaired.

    I have the logo padding top set to 42px so to position the logo lower to begin with. I was wondering is there code I can install that will remove the 42px padding when the screen is minimized for smaller screens?

    When I remove the padding the logo is too high aesthetically on full screen but when I minimize it aligns well so I need code to adjust this if possible or if you have a suggestion for another way I would appreciate it.

    Thanks

Viewing 1 replies (of 1 total)
  • Mika

    (@blaueantilope)

    Hi ccarlow,

    /*@media only screen and (min-width:768px)*/
/* INSERT HERE YOUR PADDING-TOP */
#logo {
    padding-top: 42px;
    float: left;
    max-width: 100%;
}

/*media all*/
#logo {
/* DELETE HERE YOUR PADDING-TOP */
/* padding-top: 42px; */

}
Viewing 1 replies (of 1 total)
  • The topic ‘how to remove padding when shrinking window – responsive’ is closed to new replies.