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 - https://bluegrassgrass.com/
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.
https://www.awesomescreenshot.com/video/17212931?key=13a90c99cc0c7be38af2574dc2556116
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. https://www.awesomescreenshot.com/video/17321788?key=520052fdde76ace01c42e99968f7e4e6 Appreciate your efforts.
Please send us WordPress dashboard access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, 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.