Could you please let me know if it's possible to remove the logo header on mobile devices when using Header 5 (centered)? Currently, there are two logos appearing on the page. I would like to keep the logo for mobile devices only and remove the upper header logo as shown in the attached image. You can check the appearance of the logo I would like to use on mobile devices by visiting the URL https://putnikofer.hr/.
Hi, this option is already active . The logo is showed on the mobile devices but it doesn't resolve the problem. Now there are two logos active on mobile devices: the first one in header and the second one that is shown for mobile devices. My request was how to turn off the main logo on mobile devices when is enabled option "Header 5". I would need to get on mobile devices somthing as it appears when the option "Completely Delete The Header When Enable Vertical Navigation" is activated. But only without to deleting header seen from the computers, so without using vertical nav.
Have you cleared all the mobile browser caches? I've checked your site, here is a screenshot: https://imgur.com/a/FRkt1cy Only one logo showing on your site.
it's not the website I manage. It was just as example I will want to be. The website is www.putokoza.com. I sent You image attached how does it look when we visit it via mobile devices.
Dear team,
Could you please let me know if it's possible to remove the logo header on mobile devices when using Header 5 (centered)? Currently, there are two logos appearing on the page. I would like to keep the logo for mobile devices only and remove the upper header logo as shown in the attached image. You can check the appearance of the logo I would like to use on mobile devices by visiting the URL https://putnikofer.hr/.
Thank you and best regards
Attached files: Mobile logo.png
Hi,
Please go to Appearance > Customize > Logo & Header > Main Bar & Primary Menu: turn on the "Display Logo on Main Bar on Mobile Devices" option.
Regards,
PenciDesign.
Hi, this option is already active . The logo is showed on the mobile devices but it doesn't resolve the problem. Now there are two logos active on mobile devices: the first one in header and the second one that is shown for mobile devices. My request was how to turn off the main logo on mobile devices when is enabled option "Header 5". I would need to get on mobile devices somthing as it appears when the option "Completely Delete The Header When Enable Vertical Navigation" is activated. But only without to deleting header seen from the computers, so without using vertical nav.
Regards, Zdravko
Hi,
Have you cleared all the mobile browser caches? I've checked your site, here is a screenshot: https://imgur.com/a/FRkt1cy Only one logo showing on your site.
Regards,
PenciDesign.
Dear team,
it's not the website I manage. It was just as example I will want to be. The website is www.putokoza.com. I sent You image attached how does it look when we visit it via mobile devices.
Attached files: Mobile logo.png
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px) {.penci-header-second {
display: none;
}
}
Regards,
PenciDesign.
Great,
I wanted for tablets as also so I put 1024 px instead:
@media only screen and (max-width: 1024px) { .penci-header-second { display: none; } }Is that ok? Now seems it works fine for mobile and tablet devices.
Many thanks for fast assistence.
Best rergards, Zdravko