Parallax Pro Default logo size is not working on mobile

[Pavle]

Hello,

As far as I was able to understand from the Parallax Pro documentation.

To upload your header image, navigate to Appearance > Header menu. Images of exactly 360 ?— 70 pixels will give the best results. Other sizes will be cropped in the upload process to create an image of the correct size.

So I set up my logo to be exactly 360x70

However when I tested my website on mobile devices (phones, not tablet) it did not work out.

Then I thought perhaps its my mobile, and tried this awesome StudioPress Responsive tool (Typed http://www.cardzreview.com which is my site) and obviously it is not my phone, its about logo size.

I decided to change logo size for smaller screens by adding this code at the end of my media queries and it worked.

However it deleted some of the css code for other screen sizes, especially the code for Simple Social Icons.

When I simply tried adding a smaller size logo (182x50) the Theme forced a logo to be 360x70 and obviously logo looked blurry and 360x70 size.

So, how can I fix this guys? Any ideas?

[Tom]

Hi Pavle,

Perhaps you've fixed this already... ?

Your situation is unclear: "it worked"
You reference Parallax Theme, but your site is running Sample theme.

On the site link you've provided I can see that your logo is well-sized and placed ... (if a little bit left instead of centered) for each breakpoint for device size.) But the site is not using Parallax theme.

However it deleted some of the css code for other screen sizes, especially the code for Simple Social Icons.

... but your Simple Social Icons are also well-positioned.

I can't see how this can "deleted some of the css code for other screen sizes, especially the code for Simple Social Icons".

Can you provide more detail? and a link to your Parallax site?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts