Change menu logo in Mobile devices

Posted in: Newspaper
Post count: 9
Pacmac
#47877
May 6, 2015 at 10:14 pm

Hi there!!

I have a quick question that is making me crazy…and probably is as easy as pie.

I have notice that on mobile devices it appears a logo (3 lines, or a cube of cubes, a house, etc…) mine is cubes but I wanted to change it for a different one.

Is that possible? And more important HOW??

I really appreciate your help.

Thanks

Post count: 7909
Alin [tagDiv]
#47916
May 7, 2015 at 9:06 am

Hi,

You can use an image and replace default menu icon for mobile: http://screencast.com/t/QPZFbFjwmxb
For example – http://screencast.com/t/e6pKQz2q
<img src="link">
You have to adjust with some css code and you should have this result: http://screencast.com/t/azeA7XzuLwa 

#td-top-mobile-toggle img {
width: 30px;
height: 30px
}

Thanks!

Post count: 9
Pacmac
#48082
May 7, 2015 at 8:23 pm

Hi there again:

i was asking more fore the way to switch the Menu icon for the basics you include in the newspaper theme (the House, the 3 lines, the cubes, the arrow, etc…).

As you can see in my site http://www.pacmac.es on a mobile device, the menu icon are the cubes, but i rather the lines and i would love to change it.

thanks

Post count: 7909
Alin [tagDiv]
#48130
May 8, 2015 at 9:24 am

Hi,

You only have to change background position for menu icon: http://screencast.com/t/tk718KjDa

.td-sp-ico-menu {
background-position: -20px -364px !important;
}

Thanks!

Post count: 11
Anonymous
#76962
Nov 1, 2015 at 2:53 pm

Hello Alin, i want to ask how can i change mobile icon menu from this

https://www.dropbox.com/s/m8tfxyudep06s24/1.png

to this

https://www.dropbox.com/s/dal1ml0lx90evt0/0.png

i use font Font Awesome 4 Menus plugin https://wordpress.org/plugins/font-awesome-4-menus/ for icons menu and i want tu use this icon <i class=”fa fa-bars”></i> at http://fontawesome.io/icon/bars/ or something like that

Post count: 7909
Alin [tagDiv]
#77048
Nov 2, 2015 at 11:29 am

Hi,

Do you use newsmag theme? Or the old version of Newspaper?
In version 6 of Newspaper the menu icon looks like this – http://screencast.com/t/PI413j6G
If you use Newspaper 4 you can change the background postion using custom css in Theme Panel > Custom Css – http://screencast.com/t/ZugSMsHFMbnH

.td-sp-ico-menu {
background-position: -20px -362px !important;
}

If you use newsmag you can change it here – http://screencast.com/t/amYJ5lz2cb

Thanks!

Post count: 11
Anonymous
#77123
Nov 2, 2015 at 4:10 pm

thanks for help, i use newsmag 2.2.1

Post count: 11
Anonymous
#77342
Nov 4, 2015 at 12:22 am

i use newsmag 2.2.1, that icon only show on iPhone, on android devices not showing

Post count: 7909
Alin [tagDiv]
#77372
Nov 4, 2015 at 9:34 am

Hi,

I guess you used custom css to change this. Try just to add the icon classes where I suggested(make a backup of your current file) – http://screencast.com/t/2nWWfuhtI – http://screencast.com/t/UOiSBLkmCw Of course make sure you have Font Awesome 4 Menus plugin active.

Thanks!

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