Social Media Links, Move Them For Mobile

  • Resolved ChristopherF

    (@christopherf)


    9 years, 7 months ago

    Hi guys, here’s my site. https://animcareerpro.com

    So how can I move the social media links for mobile? I was able to shift them up with this (in the “custom css”). The bold text is what does it.

    .custom-header {
    width: 1200px;
    height:125px;
    padding:0px 20px 5px 20px !important;
    }

    Viewing the site in mobile, the links go right to the center and I’d like them to stay to the right side in the header – as they are for desktop browser.

    Thanks, (you guys have been extremely helpful btw)
    Chris

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

  • Hi,

    You can wrap your css in media queries and they will affect only that “device” you targeted.

    For example.

    @media (max-width: 768px) {
 .custom-header {
  padding:0px 20px 5px 20px !important;
 }
}

    Your padding code will only affect device that has a max width of 768px.

    More information. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Thanks!

    Thread Starter ChristopherF

    (@christopherf)

    Nice, I didn’t know about media queries. This worked! Keeps the social media links to the right side of the header on devices now. There’s also a good explanation on W3Schools
    Thank you!

    @media (max-width: 768px) {
    .sc_menu li {
    float:right !important;
    }
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Social Media Links, Move Them For Mobile’ is closed to new replies.