- NewspaperHow to Add a Logo in Newspaper
- NewsmagLogo & Favicon
- NewspaperShortcodes
- NewspaperHow to Set the Image Avatar
- NewspaperThe Mobile Theme
- NewsmagWhatโs included in Newsmag theme package
- NewsmagMain menu
- NewsmagHeader styles
- NewsmagFooter templates
- NewsmagTheme colors introduction
- NewspaperFavicon & iOS Bookmarklet
- NewspaperHeader styles
- NewspaperWhat’s Included in the Newspaper Theme Package
Yes, I see that also. The “z-index” for the mega menu appears to be lower than the Google ad when you have the logo + ad below menu setup.
[menu]
[logo][ad]
You likely need to increase the z-index for the mega-menu. I’m not using the mega-menu at this time, so not sure what class would need to be wrapped, and added to the custom CSS panel.
Only stuff I’ve had to deal with are:
1) setting site URL in the WP settings to https
2) reset logos in panel to https://
3) search/replace dbase to set any “placed” images to https vs http (e.g., if you place an image in middle of post using media manager, it is “in the text” as http … that’s part of the body post, and doesn’t update
4) consider setting /paths/to/ in the wp-config.php to optimize that
Any placed local ads or graphics in widgets also need https: obviously
Hi,
Please follow the solution I posted above: https://forum.tagdiv.com/topic/show-small-logo-on-smart-snap-menu/#post-23096
Thanks
Thanks but I’ve tried them but could not position that very menu item in the left (like the logo).
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).
Is there a way I can replace the logo with a menu item on the desktop smart snap?
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!
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
-
This reply was modified 11 years by
Lucian.
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 Lucian,
first, thank you so much for your support! Your provided code works – and it doesn’t work. The menu is floating right and it reacts responsive. But for mobile it is still not visible. (By the way, the logo is “jumping” around when the browser is shrinked.
Do you have one more advice?
Thank you,
Carolin
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
Ook, i don’t know, maybe it’s cache or something…
I use this, right?
@media (max-width: 767px){
.header-logo-wrap .header-logo-wrap img {
display: inline !important ;
}
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
.entry-crumbs {
display: block;
}
.post header h1 {
margin-top: 17px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
}
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,
1. Use the following css (add it inside the Theme Panel -> Custom CSS):
.single_template_3 .header-logo-wrap img {
margin-bottom: 10px;
}
2. Check if the sharing buttons are enabled in the Theme Panel – http://screencast.com/t/Vjr7zkgjiZ5Y and if the line is present inside the loop-single-3.php – http://screencast.com/t/7ExjQf21
Maybe you commented the line or moved it in the past.
Thank you, Emil G.
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
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.
@Lucian: That’s the problem! I have already uploaded a mobile logo but it isn’t still showing the mobile logo on the smart snap menu. Please take a look at it perfectly. There might a bug
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
There is no space between the menu items and the search icon. Even if there is only one item in the menu, it gets aligned right resulting in no space.
See this: http://postimg.org/image/yamj8k5f3/
A Live site is http://www.gdgtarena.com
Can you please inspect the menus to move it in middle? I mean to align it centre.
Like this:
LOGO <-space-> MENU <-space-> SEARCH
Weekend, friend. But he should be checking again pretty soon ๐
Lucian?
Yeah, theme is pretty good about loading larger logo. I did the same thing, and went ‘duh’ … I had wider but not as tall logo, and worked just fine. I had ‘expected’ it to be distorted, but seems you can just upload the logo the size you want and it works, which is awesome. ๐
-nod nod- Recommended size ๐
Ok, I feel pretty stupid, but I guess I just had to upload a bigger image ๐
Hi,
I’d like to have the possibility to change the size of my logo from 300×100 (600×200), to something like 350×200 (700×400).
I am working with the wull width logo type + menu (style 3)
Is there a way to do this?
Thanks!