Hi,
I want to show a small logo or the mobile logo on the Smart Snap Menu (http://screencast.com/t/jwe27kuyq6). It is currently showing the default logo but I want to replace it with a mobile logo on the Smart Snap Menu.
I believe it is possible. Please help.
Hi,
Unfortunately the theme dose not have an option for this, you can follow this topic and try to add the logo in your menu like this: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/
If you don’t know how to do it we recommend to hire a freelancer from sites like: http://studio.envato.com/
We cannot offer custom work as we work hard on the development, updates, fixes and support.
Thanks
Hi Lucian,
On V3.3, the theme displayed the Mobile Logo but on V4.4, it isn’t showing it?! Can you please tell me how can I show it on there?
It isn’t a big thing to do that I need to hire a freelancer. After all, you guys has promised “lifetime support” on the theme and I have received good support from tagDiv (especially you).
Please help!
Lucian?
Weekend, friend. But he should be checking again pretty soon 🙂
Hi,
@mehendi
I noticed you are using header style 8 so you can upload a mobile logo and that logo will show on smart snap video.
Thanks
Play around by adding different logos to the Retina section. For example – assign on logo for 1x and a completely different logo to 2x (retina). Then view your site on mobile, and see which logo appears. You can then know what to put where.
Hi,
@mehedi
Please check your site, the mobile logo dose appear on smart snap menu and also on mobile version of your site: http://screencast.com/t/zdJSHZ08whhg
http://screencast.com/t/ik2xBeKBqdT
Thanks
This is ridiculous. I completely stated that I want it to be displayed on DESKTOP SMART SNAP MENU (NOT THE TABLET VERSION!).
Again, this feature was on V4.3 but it is not on V4.4 for some reason!! It’s been 6 days now. Please find a proper fix for this or give me Version 4.3 until this is fixed 🙁
Hi,
Add the logo as a menu item like this: http://screencast.com/t/uYar7EvV8k
Result: http://screencast.com/t/vOUutsaa1
Use css to set the max-height to 100% for the logo image to fit well. This method works fine, just tested it.
Use another header style or set the logo you have now to be hidden in desktop screen mode.
Thanks
On header style 8, it doesn’t shows on the menu (floats on the right hand). It is clearly a bug and you need to fix it! You can’t just leave a simple bug as it is! Please provide a perfect solution for it!
P.S: I can clearly see that its the default header style and NOT the header style 8!
Hi,
The theme doesn’t have a feature like that and adding a different logo on smart snap menu wasn’t added as a feature on any theme versions, this was done using a hack and if you want custom work again you will have to add it yourself or hire someone to do it for you.
Do it like this: http://screencast.com/t/myuIIiFDY
@media (min-width: 1200px){
.td-header-style-8.td-affix .td-menu-wrap #td-top-menu {
padding-left: 0px !important;
}
.td-header-style-8.td-affix .td-li-wrapper-menu {
float: left !important;
}
.td-header-style-8.td-affix .td-style-8-logo-wrapper {
display: none !important;
}
.td-header-style-8.td-affix .td-style-8-logo-wrapper .td-logo img {
display: none;
}
}http://screencast.com/t/IPbZOvLGCsz
Thanks
Hi Lucian,
Finally we got it to work! I found out that it was my fault (sorry!). If someone else came over this,
1. Follow Lucian’s steps.
2. add this:
.menu-item-5290 {
display: none;
}
.td-affix .menu-item-5290 {
display: block;
}Replace 5290 with your menu item.
Thanks again!
Is there a way I can replace the logo with a menu item on the desktop smart snap?
You could probably just make another menu item and do the reverse hiding (i.e., have one show at min-width: 1200px and the other at max-width: 1199px).
Thanks but I’ve tried them but could not position that very menu item in the left (like the logo).
Hi,
Please follow the solution I posted above: https://forum.tagdiv.com/topic/show-small-logo-on-smart-snap-menu/#post-23096
Thanks
Hi Lucian,
Today I got a new monitor (23inch) and it looks like the menu is messed up. Can you please take a look?
Thanks!
Hi Lucian,
Please take a look: http://screencast.com/t/xPV8ZPlrg
The main header shows up and the menu items that should’ve been on the left side are on the default side (left).
I think its related to the @media query. Please take a look.
Thanks!
Hi,
Use this css: http://screencast.com/t/fdh2cfK1fA0
@media (min-width: 1018px){
.td-affix .td-style-8-logo-wrapper {
display: none !important;
}
.td-header-style-8.td-affix .td-menu-header .td-li-wrapper-menu {
float: none !important;
text-align: center;
}
.td-affix .td-menu-wrap .td-style-8-menu-wrapper {
text-align: center !important;
}
}
@media (max-width: 1018px) and (min-width: 768px) {
.td-affix .td-head-style8-logo-mobil {
display: none !important;
}
.sf-menu > li > a {
font-size: 13px !important;
font-weight: normal;
text-transform: uppercase;
}
}Thanks
Thanks, it worked 🙂
