Mobile devices header removal

Public Ticket #24102

Conversation thread

wpsovac replied

3 years ago

Customer Reply

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

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

wpsovac replied

3 years ago

Customer Reply

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.

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

wpsovac replied

3 years ago

Customer Reply

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

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

wpsovac started the conversation

3 years ago

Conversation Start

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

Want to join this conversation or access attachments? Sign in first.