Mobile menu

Posted in: Newsmag
Post count: 52

Is possible to make the mobile menu sticky when users scroll down to the page.

Post count: 6535

Hi

Yes you can make it sticky by enabling this option from theme panel: http://screencast.com/t/aHHmAoFgbJj
Thanks!

Post count: 52

thank you
How about possible to change the the mobile menu icon to this =>https://www.dropbox.com/s/el6utg0rxkylsdp/Screen%20Shot%202016-07-04%20at%208.27.20%20PM.png?dl=0

Post count: 6535

Hi

We removed the font for that icon but you can use Font awesome for menu plugin to add it in mobile menu. You have to edit header-menu.php and header-menu-h1.php and replace the indicated class with the one for desired icon from plugin: http://screencast.com/t/PRk6WOVh Here you can find more detail about how to use Font Awesome 4 Menus plugin https://forum.tagdiv.com/how-to-add-icons-in-menu/

Thanks!

Post count: 52

i try bu is not show it up im talke about this =>https://www.dropbox.com/s/fruyox2m81d0wv0/Untitled.png?dl=0

Post count: 6535

Hi

After you install Font awesome for menu plugin add this line in header-menu.php file like here: http://screencast.com/t/hLcvKbwUBTwhttp://screencast.com/t/wvXrBLS9b

Let me know how it goes.
Thanks!

Post count: 52

I did but it does not change i went here http://www.fontawesome.io/icon/bars/ and copy the code <i class=”fa fa-bars” aria-hidden=”true”></i> it here=>https://www.dropbox.com/s/0jwccxy2d5oedus/Screen%20Shot%202016-07-06%20at%2010.38.46%20AM.png?dl=0

Post count: 52

sorry is working now

Post count: 52

how can i hide the Menu bar on Mobile ?

Post count: 23312

Hello aliou89,

If you want to hide the main menu bar for your mobile, you will have to use a bit of CSS code to hide it. Try the code below and place it in Theme panel->Custom CSS area.

@media(max-width:767px){
.td-header-main-menu{
display:none
}
}

The result -> http://screencast.com/t/KNlCCxprmN

Thanks.

Post count: 52
Post count: 23312

Hello aliou89,

Try the code below.

@media (max-width: 767px){
.td-header-menu-wrap{
display:none;
}
.td-scandal .td-scandal-big-grid {
padding-bottom:0;
}
}

The result you should see here -> http://screencast.com/t/oBZkjFiEsUS3

Hope this helps!

Thanks.

Post count: 8

Hello, I hate to revive an inactive topic, but what is the code to remove the padding under the black bar on mobile for your Newspaper theme?

Thank you.

Post count: 23312

Hello nigelryans,

Please provide your website URL so I can take a closer look at it.

Thanks for the message!

Post count: 8

Sorry for the extremely late response,

My website URL is: https://www.jotaku.net/

Thanks

Post count: 23312

Hello nigelryans,

If you want to remove that white space, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel -> Custom CSS area.

@media (max-width: 767px){
.td-main-page-wrap {
padding-top: 0px;
}}
.td_block_empty_space {
display:none;
}

The result is here -> https://www.screencast.com/t/gM4g3b4TgTt

Thanks for the message!

Viewing 16 posts - 1 through 16 (of 16 total)
You must be logged in to reply to this topic.