Two Bugs with BeTheme Logo Styling
There are two bugs with the BeTheme Logo CSS / styling
1. If you load the page while you are halfway down the page so that the smaller 'header' menu that follows you down as you scroll appears instead of the main, larger header at top, the logo will permanently stay 'shrunken' until you refresh the page with the scrollbar at the top of the screen.
You can easily recreate this by loading a page, scrolling halfway down and hitting refresh. Once it refreshes, scroll to the top. The logo will still be small.
Example: http://i.imgur.com/se63FDQ.jpg
2. If you shrink the browser into a non 'standard' size as many people do when they have several windows open, the logo will distort horizontally, being stretched too wide.
Example: http://i.imgur.com/FOgEjdx.jpg
As I will be doing a tutorial series soon that will involve your theme, it is likely as many as hundreds of people will be purchasing it in the near future. I would like for these problems not to exist in the core theme so I don't have to guide people through CSS modifications.
Please put this fix into your next theme version as soon as possible. Thanks
1. If you load the page while you are halfway down the page so that the smaller 'header' menu that follows you down as you scroll appears instead of the main, larger header at top, the logo will permanently stay 'shrunken' until you refresh the page with the scrollbar at the top of the screen.
You can easily recreate this by loading a page, scrolling halfway down and hitting refresh. Once it refreshes, scroll to the top. The logo will still be small.
Example: http://i.imgur.com/se63FDQ.jpg
2. If you shrink the browser into a non 'standard' size as many people do when they have several windows open, the logo will distort horizontally, being stretched too wide.
Example: http://i.imgur.com/FOgEjdx.jpg
As I will be doing a tutorial series soon that will involve your theme, it is likely as many as hundreds of people will be purchasing it in the near future. I would like for these problems not to exist in the core theme so I don't have to guide people through CSS modifications.
Please put this fix into your next theme version as soon as possible. Thanks
Comments
2. Where exactly? We didn't noticed anything like that on our end as well.
1. This is how sticky header works exactly and this behave can not changed. It works exactly the same on our demo.
2. In which browser you noticed it? Because we checked your site and the logo is fine what you can see on http://pasteboard.co/1LDNqJ0t.png
If you simply add this code it stops doing this, and scales only when in the scrolling header. Adding the code keeps it full size in the main header.
.logo-main {
height:auto !important;
}
2. Its because i added special CSS.
If I remove the below code, it goes back to distorting.
img.logo-mobile.scale-with-grid, img.logo-main.scale-with-grid {
width:auto !important;
}
2. But it's not true because if you look at http://pasteboard.co/1OHxsujO.png you see that after disabling your css, logo still looks fine.