- NewsmagSmart list ads
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
- NewsmagBackground introduction
- NewsmagTheme colors introduction
Hi,
Main menu does not work with mobile device.
My main menu used to work perfectly with a mobile device, but it’s not working any more. I tried with older menu, it doesn’t show with a smartphone either. Please help!
Thanks in advance!
Hi Team,
After upgrading to 1.7.1 it seems that the mobile menu does not work properly.
The “Close” button is now hidden under the header menu.
Hi,
In your theme it shows LOG IN button at TOP RIGHT in Desktop version but not in the mobile version. It is very necessary for us to use this in MOBILE version.
Kindly suggest
Thanks Sanny
Hi,
Please provide more details as I’m not sure what you mean. Which smaller menu?
Do you refer to the mobile menu? – http://screencast.com/t/SsptninOjVR
Thanks!
Thanks for the response, you guys are awesome and the theme is phenomenal. I had Newspaper, but NewsMag kills it.
I’m gonna pass on Uber or Mega (Plugin) and stick with the stock (Mega) menu provided. You guys have given me enough info where I’m okay.
1. It ONLY happens for me when using Google Chrome. With IE or Mozilla, it hovers fine. It DOES still give me issues in the demo.
–Lenovo Ultrabook
–Windows 7
***Doesn’t dropdown on Hover, needs a click to open everything on every level of menu. But first click only makes it popup really quickly and then disappear. It’s strange. Then clicks after that work fine.
***On other computers, the hover still works fine for IE and Mozilla, but I still have to click on Chrome…HOWEVER the “double click” issue is solved on other computers.
***So, the double click issue is just my computer (no worries there). But how can I make sure HOVER works on ALL BROWSERS?
2. Yes I will use the theme menu, if you point me in the right direction with CSS colors I can figure it out.
3. The Flyout menu meaning when it’s MOBILE, the menu that flies out to the LEFT of the screen. There is no logo option to place in there. Logo IS on the sticky (in the middle), which is good.
***The flyout menu that says “close” at the top. http://www.screencast.com/t/4gj2LfVZ
4. Thanks.
Hi,
Theme ads system is designed to work with adsense code. For non adsense code we recommend to use these divs – https://forum.tagdiv.com/ads-system-full-guide/ but your ad will not be resized for each screen device if is not responsive. Like image banner you will need to add an ad with specific size. Those div have a specific css that it is applied on classes(margins) – http://screencast.com/t/RuLRjArE5t1 – http://screencast.com/t/qtN6d6p8LPFy
Also you can add your script/iframe in a div and add your own class – http://screencast.com/t/LbQruyoI and use css to center it – http://screencast.com/t/rrJEPiDGQXr6
Please note that your ads have an fixed size and will be not resized on tablets or mobiles – http://screencast.com/t/bE7RPeYPx8 – http://screencast.com/t/3ptkLr7eZZK
Thanks!
Hi,
>> The theme comes with it’s own mobile menu and that’s why you have duplicate menus, try the following solution – https://forum.tagdiv.com/topic/assign-custom-menu-for-mobile/
1. Not sure why you have that issue with, please provide more details.
Check if it also happen on our official demo? – http://demo.tagdiv.com/newsmag/ – or just on your side?
On my side the hover works fine, if i hover on a menu which has a submenu or mega menu it opens up, i don’t have to click once or twice to open it – http://screencast.com/t/IK0VKKaS
Also include details about the device/pc/laptop you use for testing, theme version, plugins used, operating system name and version, browser version. We have to duplicate this issue on our side in order to come with a solution.
2. The theme doesn’t come with such an option but you can doit with custom css. If you decide to use the theme menu let me know and i’ll provide a solution, it won’t work if you use UberMenu.
3. Not sure what you mean with the Flyout menu, do you refer to the sticky menu (the one which stays on top when you scroll down)? Please provide more details.
4. The padding used on the right side is larger, you can adjust it using custom css: – http://screencast.com/t/Alp0X55yy – add this to the css provided by Alin:
.sf-menu a.sf-with-ul{
padding: 0px 10px 0px 10px;
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hi Thanks, that worked, the mobile menu is now working 🙂
Hi, Please can you explain more what you mean, if the server was down then surely the site wouldn’t display, does this effect the mobile menu, everything else is working fine? Both the main theme and child theme are the latest versions downloaded from themeforest. The mobile menu should be working so please can you help with this as this site is live and the mobile menu needs to work.
Thanks
Hi,
The header style 3 and 6 was designed like this to not use mobile logo, but like I said all header styles will be changed in Newspaper 5.
Untill the you can try to make this change in menu-header.php file – http://screencast.com/t/2S3dTDOoo8u and now you can upload mobile logo – http://screencast.com/t/tMwGGtAbIOh this will be used on mobile devices.
Thanks!
You have a good point there, Chris.
I removed all but the functions that I use and works. Didnt manage the problematic one but for now I’m happy with it. The mobile wasnt causing the problem because it was already deactivated.
Thank you very much.
Hello!
I have been seeing a lot of inconsistency with Google Ads showing on mobile. They always seem to appear on desktop, but very inconsistent when I’m on my iPhone 6. It seems to be the artile inline ad that most often does not appear. Would you please take a look at this example post and let me know of any way to resolve? Thanks so much!
Be sure to turn OFF the mobile option in JetPack as the theme is already responsive for mobile; this might not be your issue, but common problem:
https://wordpress.org/support/topic/iphone-site-not-working-with-jetpack
This may have nothing to do with your issue, just a thought 🙂
Hi, how are you?
I’m having some problems with jetPack, after update, the mobile version doesn’t load and displays all white. Tested all plugins and worked well with the DEFAULT theme, but the jetPack and Newspaper combo dont want to work on mobile.
Do you have any clue what could be the problem.
Thank you for your attention.
Hi,
I also checked this and seems to be an issue with style 3 and style 6 as there is not loaded a logo for mobile and z-index of td-affix class(sticky menu) is bigger than logo image: http://screencast.com/t/5XTdZcYnk – http://screencast.com/t/GQPOgPa5r
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/0kON40iWn
@media (max-width: 767px){
.header-style-3 .td-logo img {
z-index: 10000 !important;
}
}
Also please note that it will be fixed in Newspaper 5, sorry for inconvenience!
Thanks!
Hi,
I have tried to access your site but it doesn’t work – http://screencast.com/t/NcXlXhg7C
Please also check this without any plugins active, leave just Visual Composer active, also clear cache and check if you still have this issue with mobile menu.
If you use child theme, please also check this with the main theme and if it work please make sure that your child theme is also updated to the latest version.
Thanks!
Hi!
I’ve read some topics, but still haven’t found a solution…
I’m using 728 x 90px ads in posts (changed it to 686 x 90px) and adding it with plugin Quick Adsense.
But as many people wrote it doesn’t change dimensions when resolution changes even on laptop.
When resolution gets higher i get free space on the right.
http://files.webfile.ru/cca815e6286fb8d408dde73f49054cc5
http://files.webfile.ru/34f0aed6b3ae14efcb128600124cd215
And of course it doesn’t fit on tablets and mobiles.
How can i fix it?
Hi, no the “duplicate” menu is not solved. I only went back to the stock version of the menu because I couldn’t afford to leave it messed up.
Trust me when I say this: whenever I activate the menu plugin for UberMenu or MegaMenu, it creates BOTH a flyout AND a reg menu on the home page for anything below the responsive break point.
Something in the theme files is duplicating the mobile menu. I ONLY need it for the flyout, not on the home page.
Hi,
I have checked your site and did not found any issues with mobile menu. Did you solved the issue?
1. I guess that you refer to the mobile menu, you have to click to the arrow for parent categories – http://screencast.com/t/kd8pMwKJ as if you click on the category, the link will be loaded. I’m not sure if this is your issue please provide more details.
2. You have a logo in the sticky menu – http://screencast.com/t/bUL577qLZKp
3. Also on mobile sticky menu you have a logo: http://screencast.com/t/Jtc2rJDlO
Or if you refer here – http://screencast.com/t/QcVH7p3Q1uG1 the theme doesn’t have an option for this and you will need custom modifications, unfortunately we cannot provide custom work at this time, sorry.
4. You can hide dropdown arrows via custom css in Theme Panel > Custom Css: http://screencast.com/t/3dvI3xwesew
.td-header-menu-wrap .td-icon-menu-down {
display: none;
}
.sf-menu {
margin-left: 0px;
}
Also please provide more details about menu items hover as I have checked your site and didn’t found any issues. When you hover an item, it open submenu or megamenu.
5. Create your menus from appearance > menus section: http://screencast.com/t/5ntqLpyXaaJ
Add your items to your custom menu: http://screencast.com/t/Ff4S0quiv
Set a page like this and choose your menus and publish: http://screencast.com/t/dAfaYkWmmk
Then use the page ID an set it as mega menu for your menu item: http://screencast.com/t/yphGpD46V
Result: http://screencast.com/t/TEVNDFmT
Thanks!
Hi,
I have checked your site and there is an issue also with image on mobile, not only with title – http://screencast.com/t/GZgeKEznR2N
Like you can see you have to change the height of the image for mobile, you can test this custom css, also you may create you own I only make a suggestion: http://screencast.com/t/daVBdR6s0Mp
@media (max-width: 767px){
.page.single_template_6 #td-outer-wrap .td-header-wrap {
height: 400px !important;
}
#td-full-screen-header-image {
height: 500px;
}
.page .td-full-screen-header-image-wrap #td-full-screen-header-image .td-backstretch{
height: 500px !important
}
.td-post-template-6 .td-post-header {
bottom: 70px;
}
}
With this css you can target the title and meta .td-post-template-6 .td-post-header
Thanks!
Hi, I have recently updated my website to the latest theme version and wordpress and now the mobile menu isn’t showing. Please advise. http://www.myholisiticlife.com
Thanks
Hi, I tried this code for me but it’s not working. But anyway, what I’m looking for is a splited slider with only two images at once on mobile, but therefore resized images to a more 4:3 ratio aspect. Thanks, Loano
Also, a few more things.
1. Why do the menu links don’t click properly until the second time. When I click a menu to drop it down, it double clicks really quick and doesn’t drop down. Trying on the second time it works flawlessly.
2. How can I integrate the LOGO coming down on the Sticky Menu WITH UBERMENU (If I can get that integrated)?
3. How can I place logo on the fly-out mobile menu?
Thanks, the theme is so good. I’m just having trouble with the menu end of it a little bit. I NEED more options that what is stock (unless I’m missing the menu options in stock somewhere).
Thanks
Hello,
When using either UberMenu or Mega Menu (plugin to have extra options unlike what comes with theme), the mobile menu shows up on the home page AS WELL AS the responsive “fly-out.”
Above the responsive break point is fine. Uber or Mega replace as intended, but the mobile version is completely duplicated (fly out AND on home page).
What do I need to do here? Thanks.
Here’s the URL. elitesportsny.com
….but I’m continuing to mess with it, so don’t judge based on what the mobile menu looks like (just in case I went back to the stock menu.
Hi there,
I have a problem with share icons on mobile: when you click to share on homepage, it seems they open, but like they’re under layer of something – right before “latest articles” section. On the image you can see what happens. How to fix it?
image1