Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 7, 2018 at 10:40 pm #923395
    elsrick91

    i added some css code to make an element have less margin. it looks fine on desktop but mobile things look off and overlap. any thoughts on how to make this look better on mobile? The second area of code doesn’t seem to apply.

    p.p2 {
    margin-top: -50px;
}

@media only screen and (max-width: 769px) {
.p.p2 { margin-top: 0px; !important; }}
    March 8, 2018 at 7:52 am #923617
    Rikard

    Hey elsrick91,

    You’re targeting the class p instead of the element p in your code, try this instead:

    @media only screen and (max-width: 769px) {
p.p2 { margin-top: 0px; !important; }}

    Best regards,
    Rikard

    March 8, 2018 at 9:32 pm #924097
    elsrick91

    ok. thanks that worked . so take out the period.

    March 8, 2018 at 9:38 pm #924103
    Jordan Shannon

    Hi,

    Yep, remove the period. I’m glad you were able to get this issue solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Spacing Issue on website’ is closed to new replies.