Hello team,
Firstly I just wanted to say “WOW!” for creating such an outstanding theme. I just recently purchased “Newspaper” to replace my client’s existing theme (which is utter rubbish). I’ve given you a well-deserved 5 stars on Theme forest.
Anyway, all look good so far, however I’ve noticed on my domain:
1. On my iPhone 5, the navigation isn’t showing.
2. on my iPad, the “Shop” menu item doesn’t work. It’s on a page – not a # URL.
BTW – The site you see is for a REAL MAGAZINE publication and we’s love you to showcase it when live. (existing site is http://www.migrantwoman.com/ )
I don’t think it’s the theme,because my site menu work with out issues on my anroid and iphone..it could be a plugin are some other issue on ur end that making urs not too work…
I figured out what the problem was. It was Supreme Shortcodes that was causing the mobile menu from not working.
If you are using Supreme Shortcodes uninstall and it should work.
Hi there,
I see the short codes in the page dashboard, however I can’t see the plugin to deactivate. Where is it?
Many thanks for your help so far.
Ken
hi, I can’t see the short code plugin in my plugins menu. How can I deactivate it?
Okay, I still need to see my mobile menu working. Do you want control panel access?
I agree @steven. The funny thing is, I have been using that plugin for awhile now and never had any problems. So of course, it wasn’t on my radar. I assumed it was the theme since others reported the same problem. I have to reach out to Supreme Shortcodes and report the issue with them.
Thanks for everyone collaborating and helping out. BTW – I like what you done with your site.
Found the problem. When you disable the top menu, it disables the mobile menu also. Hope you can fix this in future versions.
Also, when you view in iPad portrait mode, the menu background does not cover the menu items. Please see:
Do you have a bit of code to:
1. Create a little mobile menu (like your mobile menu).
2. Remove the sf-sub-indicator to make menus look cleaner.
Hi,
The disabling the top menu will not disable the mobile menu also, in your case this may be due to some plugins, please check this again.
1. Unfortunately that can’t be done easily, you can try to do it yourself if you like or you can hire a developer to do it for you.
2. Add this css in Theme Panel > Custom CSS to remove the menu items sub indicator:
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: none !important;
}
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
border-bottom: none !important;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top: 48px !important;
}Add this custom css if you want to style the menu for tablets:
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu li {
background: black;
}
.sf-menu > li > a {
z-index: 1 !important;
border-bottom: none !important;
}
.sf-menu ul .td-not-mega > a {
background: white;
z-index: 99999 !important;
}
}Hope this helps!
Thanks
Hello Lucian,
Really impressed with the support from you guys – brilliant!
The mobile CSS is great, but the remove the menu items sub indicator CSS did not work.
Hi,
I have tested this on your site so it should work, also checked your site and seems to me it’s working fine, the css I gave you it’s for removing the pointing under the menu items when hovered.
please send me an image/screenshot pointing where and what are you referring too so I can help you.
Thanks
Hi Lucian,
I’ve created a screenshot and highlighted it in green.
Many thanks for your patience my friend :))
http://www.betasite05.co.uk/wp-content/uploads/2014/08/Indicator.jpg
Thanks Steven for the code.
I initially placed the same CSS however it leaves gaps between the sf-sub-indicators
Thank you anyway :))
Hi,
@Steven Thanks!
@webjump You can use @Steven css, should work fine for you also.
Also I have misunderstood you so if you want back the pointing under the menu items when hovered http://screencast.com/t/KdVDEWPm you can remove the following css from custom css:
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: none !important;
}
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
border-bottom: none !important;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top: 48px !important;
}…this css removes the pointing under the menu items when hovered.
Sorry about this!
Thanks
Hi Steven,
BRILLIANT – MEGA THANKS!!
Hi Lucian,
All great and code is fab. Thanks for everything – loe the support at Tag Dev 10/10
