- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperMain Menu
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Please advise where could we copy the CSS code for the menu used in this demo, including mobile menu code http://demo.tagdiv.com/newspaper_cafe/
We would like to copy and paste this code in our css file and reupload via ftp, rather then making edits via Theme panel.
Thank you
Hi, I want to change background mobile menu but I dont find this option on Theme Panel. How can I do it??
Thanks!
Hi tagdiv,
1] After having updated theme to latest v7.5 , i installed ,activated the Mobile Theme plugin for the theme ..made the appropriate settings & disabled the “show log in” under the mobile options page of theme options..the theme still outputs the “log in menu” on visitor end on the mobile devices…
It shouldnt happen like this ? if the option is disabled it shud not show up in the visitor end ?
I have cleared cache of caching plugins too ,despite that it was showing it..
For now have disabled & removed the Mobile Theme plugin…the plugin is cool & i really want to make it work
2] Also i noticed this weird thing in my google alerts today, the mail link was one of our new tags. but the description which was showed by google below the title of our tag included these lines – “A password will be e-mailed to you.”
I visited that tag link & on checking its source code i found this code –
==============================
<div id=”login-form” class=”white-popup-block mfp-hide mfp-with-anim”>
<div class=”td-login-wrap”>
<i class=”td-icon-modal-back”></i>
<div id=”td-login-div” class=”td-login-form-div td-display-block”>
<div class=”td-login-panel-title”>Sign in</div>
<div class=”td-login-panel-descr”>Welcome! Log into your account</div>
<div class=”td_display_err”></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”text” name=”login_email” id=”login_email” value=”” required><label>your username</label></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”password” name=”login_pass” id=”login_pass” value=”” required><label>your password</label></div>
<input type=”button” name=”login_button” id=”login_button” class=”wpb_button btn td-login-button” value=”Login”>
<div class=”td-login-info-text”>Forgot your password? Get help</div>
</div>
<div id=”td-forgot-pass-div” class=”td-login-form-div td-display-none”>
<div class=”td-login-panel-title”>Password recovery</div>
<div class=”td-login-panel-descr”>Recover your password</div>
<div class=”td_display_err”></div>
<div class=”td-login-inputs”><input class=”td-login-input” type=”text” name=”forgot_email” id=”forgot_email” value=”” required><label>your email</label></div>
<input type=”button” name=”forgot_button” id=”forgot_button” class=”wpb_button btn td-login-button” value=”Send My Password”>
<div class=”td-login-info-text”>A password will be e-mailed to you.</div>
</div>
========================
As u can see that 2nd last line ,those words ..exactly what appeared in google alerts..i am wondering why ? bcoz we dont use login system for members..also in theme settings “Show sign in / join” is disabled
And that code is present in all pages, now that i carefully inspected all…
what files do i need to edit so i can totally remove those divs coz never really gonna need that log in stuff,dont wanna cause any security compromise…
Awaiting reply
Regards
Hello again,
I just noticed that the added links don’t show up when I resize my browser to app-size (I am not using the extra mobile-theme-plugin) – but only categories show up on small windows (not the ones added with Catalin’s described method) – how can I make sure they also appear on the menu of small screens?
Thanks!
Hi Support
We’ve got a problem with that default mobile menu on mobile devices. It’s not able to show all submenus on the menu-background. Please have a look onto the image.
You can check for your own on prime-mountainbiking.de
Is there a way to fix that and to raise the length of the background-box? It’s important as the most readers (>70%) use their smartphones in the evening and reported problems with the menu.
Thanks for help!
Best
Ingo
Hello r.schlutter,
In most cases, all of these issues come from untested plugins. I have inspected your source page, and I saw that you are using some untested plugins which can influence the theme behavior and cause a lot of unknown issues. Please try to disable all of them, clear all your caches and install only the plugins that come bundled with the theme packet and rule out any conflicting plugins. I noticed that you are using the mobile theme and the menu is not working. The theme is fully compatible with the mobile theme and until now we do not have any bad reports in this regard. If you are using the CDN system, you should purge all your files, clear all the caches and server caches and check the results.
If the problem is still there, you should try making a new fresh install from scratch, only with the required plugins and see how it will work.
Hope this helps and let us know how it goes!
Thanks for the message!
Hello,
Try to add the code in the mobile menu custom code box and use the important tag like so: http://screencast.com/t/HLrOOPrd0Q1S
Thank you!
hello, my name is solomon .i really dont like the way the newspaper 7 mobile menu covers the whole page when u click on it ,pls is there anything you can do to help me? at least it should cover half of the page .pls help me
Hi,
Please try this custom css to solve the breadcrumbs issue until we manage to fix this – http://screencast.com/t/V0X0donRD
.page-template-page-pagebuilder-title .td-page-header {
padding-top: 20px;
}
Regarding the sign in/register link on the mobile menu, here you can place your custom link – http://screencast.com/t/d5B2adI5n
Thanks!
Is anyone using Newsmag with the WPML plugin? I tried it and so far it is working just fine. Sometimes it is having a hard time in displaying the language selector properly without extra coding, but it works just fine in the top header menu bar. However, that menu is not displayed in the mobile version, so mobile users can’t select a language. Any ideas how to overcome this? Can that menu be displayed also in the mobile version?
Hello,
That is not a login request. It means you did not create a mobile menu at all. You are using the mobile theme plugin and that requires another menu created specially for the mobile theme. or the same menu only added to the mobile spot as well. Please access the menu areas of WP and set a mobile menu like so: http://screencast.com/t/MDlRXwsCCV2
Thank you!
Hello mrsky28,
Please notice that the Sign in/Register widget is present in Mobile menu, as you can see here -> http://screencast.com/t/jjNlmKxubi If is not what you mean, please provide more details for a better understanding so I will be able to provide a more accurate response.
Thanks for the message!
Here’s the link: http://nurseslabs.com/nclex-practice-questions/
Also, how do I change the go to link for the Sign In and Register in the MOBILE menu?
hello i added the mobile menu and it works fine when searching from the home page. However if i try to access the menu from the inner pages ie http://www.top10bestholidaydestinations.com/le-ponant-rated-9th-best-cruise/ i am being asked to log in. i have got other users to check this and its an issue for anyone who trys to navigate through the site. This is stopping anyone from accessing any further pages of my site http://www.top10bestholidaydestinations.com screenshot https://gyazo.com/d7476e3bb91c802d9fa2c3cf052196ad
thanks
Lawrence
Hi,
1. The sticky logo is there now. Mobile and desktop
2. Please remove any custom css you may have affecting the logo and add this code instead:
.td-header-style-7 .td-header-sp-logo{
max-width: 278px!important;
}
.td-header-style-7 .td-header-menu-wrap-full{
height: 106px!important;;
}
3. For the slider issue, please disable all plugins except visual composer, clear cache and reset cdn files if you use it. Then test the slider again. i sus pect some plugins are no longer compatible in the current version of the theme.
Thank you!
Hi,
It seems the demo you installed (health demo) has a custom css that forces the black color on the hamburger menu. In this case you must add this css in your theme panel->custom css box to change the color:
@media (max-width: 767px){
.td-health #td-top-mobile-toggle i {
color: #1369bf !important;
}
Thank you!
Hello,
1. It seems you have quite a bit of css customization on the mobile logo. Please try to restore it to it’s default state and remove any custom css affecting it. Then the logo will be centered as that is the default state of the theme mobile logo.
2. The logo on the sticky menu can be set from the theme panel here: http://screencast.com/t/IEJZaYZ2FM (the header section of the theme panel)
3. The header hight cannot be set from the theme panel for the mobile version. it can only be done with css.
4?
5. Our theme does not have an option to replace the search icon with something else. Sorry. This can only be made custom
Thank you!
Hello Paul,
The mobile menu background is handled differently based on the mobile theme plugin .
If you do NOT use the mobile theme plugin , the background is found here: http://screencast.com/t/pRwlDD4k4R20 If you DO use the plugin. the mobile menu background is found here: http://screencast.com/t/YPryiZzvomkv
Thank you!
Hello Diego Acero,
1)Please notice that you should use the @media queries if you want to target the code only for the mobile view. Please try the code below and place it in Theme panel->Custom CSS area.
@media(max-width:767px){
.td-header-main-menu, .td-header-menu-wrap {
display: block!important;
}
}
The results you should see here -> http://screencast.com/t/eaUSbsPG7tZO
2)You should try the code below and place it in the custom code area.
The code is ->
@media(max-width:767px){
.td-pb-span4 {
display:none!important;
}
}
If all of this information are not useful for you or if is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thanks for the message!
Hello,
You should check your custom CSS area and you should erase from there the code which gives the width:75% value for your logo on mobile. Also, you can use the following code to cancel this effect.
The code is ->
@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}Also, please notice that this type of effect can appear from your untested plugins if you are using something like that. Try to disable all of them, clear all your caches, leave just Visual Composer to active and install only the plugins that come bundled with theme and rule out any conflicting plugins.
Thanks for your understanding!
Hello, I would like to help me with a couple of things.
1. I have decided to remove the main menu of my website: https://www.hitviral.net/ And I did it with these codes:
.td-header-main-menu {display: none; }
.td-header-menu-wrap {display: none; }
However, this has made disappear the menu on the mobile site. So I want to ask for your help to get you on the mobile version of my website, the menu appears, and the desktop version, does not appear.
2. I would like to help me remove the sidebar on the mobile version of my website.
Can you help with this?
Hello,
I have some issues for the mobile display.
I’m sorry to bother, I am very bad a CSS coding.
1. I found I could set up the logo size with “max-width”, but when I do my logo is not centered anymore. How can I fix this ?
2. My header is set on sticky, but when scrolling there is just the header, no logo
3. Where can I set up the header height and border ?
5. About my .td-sp-ico-menu, I would like to set up a 20 x 20px image background. But when I do, I can not make it fit at the right size.
Website will be perfect then.
Here you can see the website
http://www.journaldufranc.com
Thanks a lot for your help.
Hi,
My website is coming along well but there are a few things I still need to find the solution for.
One of these things is that I’d like to change what I see when I click the square icon to show the menu on a mobile phone.
Currently there is a photo in the background, behind the menu text, of a man playing a guitar. As this isn’t relevant to my site I’d love to know where I can go to remove this image?
Thanks in advance!
Paul
Hello johanvillegas,
In order to achieve the top bar menu for mobile, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu{
display: block !important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu .top-header-menu {
text-align: center;
}
}
The result is here -> http://screencast.com/t/2zb92IQf4
Thanks.
Hello,
Wanted to say that I recently purchased this theme and it’s exactly what I was looking for! To start off, I updated the theme to 7.5 today as well as the plugins… all went well. A great majority of the questions I had were answered in the forums already and the changes were made successfully. My site is nearly complete except for the following adjustments:
1. Mobile header
First, I deactivated the mobile theme plugin since I want the mobile site to look like the desktop version. My logo color is blue #1369bf and I was able to change the search icon to this color as well. However the menu bars are still black and I’ve tried all the options in the Theme Panel. Please help me change this to blue.
2. Author page
Remove the comments box: http://www.screencast.com/t/yE8vdAOftrp
3. Related Articles
Instead of the “Next Prev ajax” pagination, I want to change it to the “Load More” button. I am looking to display random posts from all categories as well.
4. Category page
I would like to make these three adjustments:
a. Align the category name in the center, font size increased to 40px, and font weight is normal (not bold): http://www.screencast.com/t/OPhQfaoEn
b. I turned off the category pull-down filter for all categories and would like to display random posts instead of latest
c. My site has 5 categories and I created another named “Trending” for the menu: http://www.screencast.com/t/EPJDLIX9bJVQ
No article will be classified under the Trending category though. I want to be able to click on Trending and it will link to the category page template. However, this page will display the trending posts from ‘all categories’ instead of random posts from a specific category (as mentioned above).
Thanks again for the great support! 🙂
Mike
