Logo dissapears on mobile/tablet

[teskedesign]

Hello,

We are in the process of using your theme to put together a website for a client. When the site is sized down to mobile or tablet use the header logo disappears. This is not the case on the demo site however we noticed it on two other websites using this theme as well:

http://www.idodrums.com/
http://tienda.athleticgym.co/

Is there a solution for this issue?

Thanks!

[Raghavendra]

This change will be rolled out in the next update. Meanwhile, pls have this in your Custom CSS tab in theme options or in custom/custom.css file. Thanks –

@media only screen and (max-width: 767px) {
#header.sticky {
	position: static !important;
	}
}

[teskedesign]

Unfortunately that did not seem to fix anything (see attached).

When will the next update be released?

[Ernesto]

Hi!! Please send us a link to your client’s webpage so we can inspect the issue by ourselves and provide you with the exact code you need!

Cheers!

[teskedesign]

This reply has been marked as private.

[Ernesto]

Hi! Please try out the following code:

@media only screen and (max-width: 767px) {
#header.sticky {
    position: static !important;
    }
.sticky-wrapper{position: static!important}
}

Cheers!!

[teskedesign]

That code did not work either. I have attached a screenshot below.

[teskedesign]

We did find that if you change “static” to “relative” on line 3 of the code provided it can make the logo appear on mobile/tablet websites (screen shot attached). While this does temporarily fix the issue, it does not solve the problem all together as you cannot resize your browser and have the logo remain as in your dmeo. You must re-size the window and reload the page for the logo, contact and timings windows to be accessable.

Because the demo version of your theme works as it should we are confused as to how it doesn’t for our site as well as other customers who have purchased this theme. Were files changed at some point between the demo upload and the current customer download?

Also do you have an ETA for when the new version of this theme will be released that will solve this issue?

Thank you.

[Raghavendra]

Have fixed the issue in your installation. Following is change that needs to be made in style.css file from line number 3262 to 3281. Replace those lines with the below content to fix the issue.

Do not try to change things in custom CSS.

#header.sticky {
  position: fixed;
  z-index: 999;
  width: 100%;
  -webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
  -moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3);
  box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3); }
  @media only screen and (max-width: 767px) {
    #header.sticky {
      position: static !important; } }
  #header.sticky .wrap {
    min-height: 0; }
  .boxed #header.sticky {
    max-width: 1180px;
    width: 96%; }
  .admin-bar #header.sticky {
    top: 32px; }
  #header.sticky #site-logo {
    top: 0;
    display: inline-block !important; }

Will have an update ready for next week. The change will be part of that update and hence no need to repeat the change post update.

[teskedesign]

Thank you for your help with this issue. The website appears to be functioning properly.

[Author]

Posts