JillDesigns Jan 21, 2016 · 2:14 am #2937 Hello. Love this theme so very much! But there seems to be a problem with longer logos getting off in Firefox. The issue doesn’t seem to happen in Chrome and Safari but at some browser sizes, the logo gets cut off on the left side. This image is from a screencap when the browser was at 1193 in width: http://jilly.ca/wp-content/uploads/2016/01/screencap.jpg
Any way to get the logo to resize properly in Firefox as well as it resizes in Chrome and Safari? Thanks!
Puro Support Puro Jan 21, 2016 · 4:20 am #2938 Hi Jill
Thanks so much for your support.
Sorry to hear you’ve run into a problem. I’m sure we can resolve. Would it be possible to send a link so we can view the site live? If you’d like to keep it private you can use the Private Reply checkbox below the comment field.
JillDesigns Jan 22, 2016 · 12:56 am #2939 This reply has been marked as private.
Puro Support Puro Jan 22, 2016 · 1:41 am #2940 Thanks for the info. OS X Firefox isn’t reproducing the problem but I can see what might be happening. Try adding the following to a Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS:
/* Header */
.site-header .site-branding-container {
max-width: 40%;
}
.main-navigation {
max-width: 60%;
}
JillDesigns Jan 24, 2016 · 6:52 pm #2945 This reply has been marked as private.
Puro Support Puro Jan 25, 2016 · 12:22 am #2946 Please, try the following:
/* Header */
.site-header .site-branding-container {
max-width: 50%;
overflow: visible;
}
.main-navigation {
max-width: 50%;
}
Puro Support Puro Jan 25, 2016 · 12:24 am #2948 This reply has been marked as private.
Puro Support Puro Jan 25, 2016 · 12:29 am #2949 I’m not seeing an overlap in the 1001 wide up to 1197 range, in OS X at least. One option would be to initiate the mobile menu earlier. The collapse point can be set from Appearance > Theme Settings. Changing the Mobile Menu Collapse to 1200 should hopefully resolve the challenge.
