Header Size Issue

  • I added social media icons and the height of my header increased automatically although there is some space empty under the icons. I want the size of the header to reduce which should only display the information and there should be no empty space under the social media icons.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    This reduces it somewhat:

    .jetpack-social-navigation ul,
.jetpack-social-navigation {
   margin: 0;
}
.header {
    padding: 33px 0;
}

    Play with the padding if you want the header taller/shorter.

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter ahmednaqvi

    (@ahmednaqvi)

    Also, can you guide me how to make the footer code bold? The copyright code is already given but i want to make it a bit bold and more prominent. I also want to add the code for “Designed by Ahmed Naqvi” on the right side of the footer. Kindly help me! Thanks.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    footer {
    font-weight: bold;
    color: #eee;
}

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter ahmednaqvi

    (@ahmednaqvi)

    Thank you so much! Resolved. How can the size of this footer be squeezed? I mean it looks so odd and the size of copyright footer is big. Can I squeeze the size while not disturbing the current copyright font?

    Thread Starter ahmednaqvi

    (@ahmednaqvi)

    Also, how do I code for?

    “Designed by Ahmed Naqvi”

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please use the chrome inspector to look at and try CSS for your footer. With respect to adding content, please check with your theme’s developers or make a child theme and add that text to the child’s footer.php

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Size Issue’ is closed to new replies.