Low Res Header & Social Menu

  • Hi all.

    Two questions on this amazing Cubic theme.

    1) When I upload a header image (logo), I see it in low resolution from desktop. From mobile it looks okay though. Is there a way to solve it?

    2) Is it possible to change the icons in the Social Menu or swap them with some text (i.e. “Facebook” instead of the FB icon).

    Thanks a lot!

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

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, your logo looks pretty good to me. The space available to the logo has a max height of 125, so using a logo that is not over that height would produce the best results, but 147px (the height of your current image) isn’t that far off from that, so it is looking fine to me. Are you still seeing it as an issue?

    The social media icons used in Cubic come from an SVG file. We could hide the existing svg image and then add another image as a background on the link element (a) like this example for your facebook icon. The last rule is to adjust position of the entire social icon menu and as you add the additional menu items for the other social icons, they will all be inline and in line with the main menu to the left.

    #menu-item-58 a svg {
	visibility: hidden;
}
#menu-item-58 a {
	background: url('URL_OF_IMAGE') no-repeat scroll center top / contain;
}
.jetpack-social-navigation ul {
	margin-bottom: 0;
	padding-bottom: 1.5em !important;
	margin-top: 1em
}
Viewing 1 replies (of 1 total)
  • The topic ‘Low Res Header & Social Menu’ is closed to new replies.