On Apple, Logo appears correct then jumps to sticky logo size
Hi - not on my iPad, but on an Apple laptop or desktop computer, www.bluegrassgrass.com, the logo at top appears perfect for a split moment and then resizes to the sticky logo size. This does NOT happen on android mobile device, PC desktop using multiple browsers, or on iPad mini.
How can I make this automatic resize stop from happening? Thank you!
Attached are screen shots of the Logo Options page.
Custom CSS looks like this:
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {
height: 190px;
}
.background-white {
background-color:#FFFFFF;
}
#Subheader .title {
font-weight: 400;
}
#Subheader .title {
font-weight: 400;
}
h1, .text-logo #logo {
font-weight: 400;
}
.extras {
display:none;
}
#Top_bar .menu > li > a, #Top_bar #menu ul li.submenu .menu-toggle {
color: #000000;
}
.experience {
z-index: 7;
background-color: rgb(17, 17, 17);
font-family: "Roboto";
height: auto;
width: auto;
color: rgb(255, 255, 255);
text-decoration: none;
white-space: nowrap;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
text-align: left;
line-height: 23px;
letter-spacing: 1.9418px;
font-weight: 700;
font-size: 12px;
padding: 5px 15px;
border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
transform-origin: 50% 50% 0px;
opacity: 1;
transform: translate(0px);
visibility: visible;
}
#Subheader {
padding: 20px 0;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
background-color: #ececec;
}
#Subheader .title {
font-size: 40px;
line-height: 45px;
color: #000 !important;
}
#Footer {
background-color: #bcbcbc;
}
@media only screen and (min-width: 768px)
{#Top_bar.is-sticky #logo img.logo-sticky {
max-height: 55px;
}}
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
I did, but here it is with a link - [Links visible only for registered users]
Thanks for working on this!
Sorry, I overlooked your link.
I checked your logo on Mac but did not notice any resizing. Did you handle this?
Best regards
No, I did not. It continues. Here's a link to a video where you can see it jump at the 1-2 second mark. Watching this at a slower speed helps you to see how quickly it happens.
[Links visible only for registered users]
Please go to Betheme -> Theme options -> Global -> Logo, set the height value to 190, and check if the problem persists.
Best regards
We are using Mac OS Ventura 13.3.1, Chrome, Firefox and Safari. Issue is on all three browsers and on other Mac computers, but I don't have the details on those machines.
Thanks, I've made the change. Problem continues on all pages - here's another video. [Links visible only for registered users] Appreciate your efforts.
Please send us WordPress dashboard access privately thru the contact form, which is on the right side at [Links visible only for registered users], and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you are sending is complete and correct.
Thanks
HI, I've sent the details you requested. Thank you.
Everything works fine for me now.
If you still have previous behavior, please clear your browser cache, and recheck that.
Thanks
Thank you - it is working now. I so very much appreciate it. Have a great day.