Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2024 at 8:44 pm #1442477
    mirr

    Hi, I am having tourble with the footer on mobile. I use this code:

    @media only screen and (max-width: 480px) {
#footer .widget {
    margin: 15px 0;
}}

    This gives me the spacing between the columns, that is good. But this also makes the first widget very close to the top of the footer.
    How can I make the margin between the start of the footer and the first widget bigger without changing the spacing between the widgets?

    May 7, 2024 at 3:04 am #1442491
    Ismael

    Hey mirr,

    Thank you for the inquiry.

    Have you tried adjusting the top padding of the #footer container? Please try to add this css code:

    #footer { 
     padding-top: 100px;
}

    If this modification did not work, please provide the site URL in the private field.

    Best regards,
    Ismael

    May 7, 2024 at 6:20 am #1442517
    mirr

    hi Ismeal,

    I did, with @media only screen and (max-width: 480px) {
    I’ll add the link, thanks

    May 7, 2024 at 9:36 am #1442529
    Rikard

    Hi,

    Thanks for that. Please try this CSS as well:

    
@media only screen and (max-width: 480px) {
#footer #text-2 {
  padding-top: 50px;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.