Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 11, 2022 at 3:33 pm #1351400
    navindesigns

    Can the social media logos be align with Contact us?

    I am using a header widget and on large monitors the social icons above are NOT right aligning with the header widget text below.

    Screenshot – https://ibb.co/ck9w0mh
    dev site – http://balrajt9.sg-host.com/

    How can I fix this?

    May 12, 2022 at 7:51 am #1351482
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    You can use this css code to pull the social bookmarks further to the right and align it with the contact us menu item. 

    #top #header_meta .social_bookmarks {
    margin-right: -120px;
}

    You may need to adjust this css rule on different screen sizes using css media queries.

    Best regards,
    Ismael

    May 16, 2022 at 5:15 am #1351887
    navindesigns

    Thanks

    There is no way it can always be aligned? If I resize my browser, it still does not align perfectly.

    May 16, 2022 at 8:44 am #1351903
    Nikko

    Hi navindesigns,

    I have added this CSS code in your Quick CSS:

    #header_meta .container {
    max-width: 100%;
    padding: 0 90px;
}

#top #header_meta .social_bookmarks {
    margin: 0;
}

    Please review your site.

    Best regards,
    Nikko

    May 17, 2022 at 2:29 am #1352013
    navindesigns

    You are AMAZING

    This looks great!

    Thank you so much!

    May 17, 2022 at 4:43 am #1352014
    Nikko

    Hi navindesigns,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Align social media with header widget text’ is closed to new replies.