Hide the "hamburger" / menu bar and search bar on mobile

Posted in: Newspaper
Post count: 6

Hello,

I would like to hide the “hamburger” / menu bar and also the search bar on mobile, I’m using the Ink Parlor prebuilt website (with the original header) but I didn’t find any settings in the Theme Panel for hiding this, do you have a solution or the CSS code to type ?

Second point, about favicon, in the Theme panel, I uploaded the favicon in 16×16 and also all sizes asked for iOS Bookmarklet but on iPhone, the favicon doesn’t appear, do you have a solution ? favicon https://imgur.com/a/fUA6ibs

Thanks,

  • This topic was modified 4 years by klit6.
Post count: 27744

Hello,

You can hide the menu and search with this custom code ->
https://i.imgur.com/nnFXrQs.png

[class^="td-icon-"]:before, [class*=" td-icon-"]:before
{
display:none;
}

This code needs to be set in Theme Panel -> Custom Code -> Custom CSS.

Please check this topic with a similar issue about favicon
https://forum.tagdiv.com/topic/favicon-isnt-working/

Thank you!

Post count: 6

Hello,

Thanks for your explanations, the problem for the menu and search bar is fixed with CSS code.

For the favicon, I did all these steps:
– To add the favicon, in Theme Panel -> Header -> Logo and Favicon
– Customize icon -> Site identity -> Site icon -> Change image -> publish
– Clear the cache

The favicon appears everywhere (Desktop and Android) but not on iPhone, I still have the WordPress favicon in this case…

Do you have an idea ?

Post count: 27744

Hello,

Maybe it’s a browser cache problem. remove your browser cache and then check if your problem will be resolved.
Also, please provide the link to your website.

Thank you!

Post count: 6

I come back to you concerning the first thing (hide menu and search bar), the problem is that this CSS code also hide the social network icons on the top of the right on every screen (desktop, tablet)

[class^="td-icon-"]:before, [class*=" td-icon-"]:before
{
display:none;
}

For the favicon, I’m still working on it.

Thanks,

Post count: 27744

Hi,

Please try this code and delete the above code

.td-icon-search:before,
.td-icon-mobile:before
{
display:none;
}

Thank you!

Post count: 6

It works, many thanks!

I have a last problem with the “counter view” but I will create a new topic for this.

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.