Issues with logo resizing

[wowzers3888]

Awesome, Awesome theme!

1. When scrolling down the page the logo reduces in size (to the dimensions entered for “Logo Resized Height”), but the width does not keep the proportions of the logo. To keep the dimensions I added the following CSS:

.sticky-header-resized #logo img {
height: 42px !important;
width: 134px !important;
margin-top: 7px;
}

This works, but it is giving a weird transition when shrinking. My normal logo dimensions are: 191×60. Is there a better way to keep the logo proportions when it reduces to sticky size?

2. When I scroll back up the page (after the menu has gone from smalleer/sticky back to normal size), the logo returns to its normal size, but is scrunched (width is correct but height is too short). When I hover over the logo, it jumps back to the correct proportions. Is there any way to fix this?

3. Unrelated to the logo issue: like another poster, the mobile menu is not working for parent pages. Child pages can be clicked, but parent pages cannot. I am on version 1.2, which did not fix the issue.

4. Is there any way to add text to the mobile menu icon (such as “Menu” or “Navigation”) to make it more clear that it is a menu behind the icon?

Thank you!

[Swift Ideas – Ed]

Hi there,

Can you provide a link so that we can check your site? We’ll be able to advise better then.

Thanks,

– Ed

[wowzers3888]

This reply has been marked as private.

[Swift Ideas – Ed]

1) Instead of adding that CSS, just use the options you can set in the Theme Options > Header Options panel.

2) The above will sort this.

3) Working fine here, can you double check?

4) Check this article – http://support.swiftideas.net/knowledgebase/how-to-add-menu-text-before-the-mobile-menu-icon/

– Ed