- 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
Hi,
At the moment these are the only options for the mobile menu. In a future update we hope to implement a number of options for the mobile version. What you can do is make the top-menu appear above the main menu, but again it will need custom work to display properly. Not all options from the top menu will fit.
As an example:
http://screencast.com/t/PL9o8rRCN6N6
code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;}
.td-header-sp-top-menu{
display:block!important;
}
You can then hide elements you do not want with the ‘display:none’ property.
Thanks.
Thank you very much Bogdan. And any chance to add more points to the mobile menu? Or to choose a different menu for mobile?
Thanks again.
Hello,
Unfortunately there is no option to change the header style on a different viewport.
You can use this custom CSS to display the small logo on the mobile version of your site:
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block!important;}}
Now your logo should show up as expected.
Thank you.
I think, I need to change this code.
.td-icon-mobile:before {
content: '\e80d';
But which code to put to get this icon?
Hello,
Sorry to bother.
I’m trying to achieve something simple but could not figure why it’s not working.
I would like to put this logo on PC : http://www.journaldufranc.com/wp-content/uploads/2015/02/newF5.png
And this logo (gif) on Mobile : http://www.journaldufranc.com/wp-content/uploads/2015/10/Fmobile1.gif
I used the upload function via the Theme panel respectively for Desktop and Mobile menus. But it’s not working.
Then I noticed the logo was hidden behind the other logo (or the menu bar) on mobile, so I tried
.td-header-style-3 .td-header-sp-logo {
background-image: url(“http://www.journaldufranc.com/wp-content/uploads/2015/10/Fmobile1.gif”);
}
.td-header-style-3 .td-header-sp-logo img{
display:none;
}
But still not.
Could you tell me how to achieve this ?
Thanks for your assistance
I have purchased Newspaper theme but 980px width is not available in that theme and also i sent support message to you to make newspaper theme 980px but you replied me to hire some technicians from envato studio but instead of hiring some people and makes changes i planned to buy newsmag theme.
but i want some adjustment in this theme , is this possible
1. I want to use newspaper theme’s post template 11 in newsmag theme.
2.In Newsmag theme I want to make mobile menu appearance like newspaper theme’s mobile menu.
Please help us to make this changes , i planned to buy newsmag theme on 27/10.
If above 2 changes is made means we will be comfortable with your theme
I put this code to hide header in mobile version and display the menu bar first:
.td-header-sp-logo { display:none }
.td-banner-wrap-full { display:none }
The problem I have now is showing no logo on the menu until I’ve done scroll:
Any solution? Perhaps another option would be to show the Heading Style 5 in phones.
Can I add any new option only to the mobile menu?
Thanks
Hello,
I would like the header did not have white space above and below in the mobile version. My website to look this is: http://www.lacasadeel.net
Also, I would modify the menu of the mobile version, both color and options that appear in it, to show one more than the desktop version.
Thanks you very much.
Hi @grupoinnovate,
I suggest you to use a plugin like Category Order and Taxonomy Terms Order. Please note that we did not test it with the theme, but I see that many users use it.
If you want to put the word “Miami” before the date in your top bar menu, please follow this step below:
http://screencast.com/t/ZZff0BVp
Here you can see the result: http://screencast.com/t/Nej9juTpyvjb
To fix the problem with mobile, please try this custom CSS:
http://screencast.com/t/xF2CF4NVGusq – http://screencast.com/t/D0iA5AnY
@media (max-width: 767px){
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!important;
}
}
Hope this helps!
Thanks and let us know how it goes!
Hi
The theme wasn’t designed to display the top menu on mobile devices, but you can use this custom css in theme panel > custom css to display it: http://screencast.com/t/AjbppVaZrk
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
Thanks!
Hello
My website ,
when seen by a mobile smartphone, or some tablets
Is showing just the main menu, But is not showing the top menu
thats my website http://www.templodosucesso.com.br
Thanks
We bought the Newspaper Theme, and now we have some doubts, so we need your help:
Site: http://realestatehoy.com.grupoinnovate.com/
– Look for the menu NOTICIAS, we need to organize the subcategories menu in a different order than alphabetic.
– In the Top Bar we need to put the city (Miami) before de date.
– We have notice that the Top Bar disappears in mobiles, how can we make it visible even in mobiles?
Hello Mike,
I have checked your website on different mobile devices and the menu seems to work properly. I do not see any errors in your console either. Maybe it was a plugin you used and removed in the meantime…or a temporary glitch. Please let us know if the problem reappears.
Thanks.
Hi there,
Good morning!
I tried to open mobile menu options but I’m unable to see any further pages opening.
Please could you advice.
Website: Viralbae.com
Hello,
I am using Newspaper 6. My site is http://www.barranquillalife.com
If you open the site via a cell phone, you will not be able to use the menu – the buttons don’t function. It isn’t possible to navigate past the main page. I’ve attempted to access via several different models of phones – all with a negative result.
Any ideas?
Mike
Hi there,
I’m using your great theme in my website: http://vu2013.web2.aperturelabs.it
1) I’m having troubles in translating the input value of the search form in the main menu (now is in English but the website in translated in 6 languages, so I have to fix it). I’m using WPML but in the String translation I translated it, but it doesn’t work…
2) In the mobile version of the theme, I’m not able to show the top menu (I have login/logout, social networks and language selection in it), how could I fix it?
Thenk you very much, cheers
Emiliano
Hello,
The mobile menu was designed to work with the mobile version of the theme, not other ones.
Unfortunately there is no setting for that and modifying the css to do that will be no easy task. We suggest you hire a freelancer to do it for you as we cannot provide custom work. You can hire freelancers from sites like studio.envato.com
Thank you!
I want one mobile menu on all version of site.
can this be done somewhere so it doesn’t flick on page load? its black for a split second then white. have the same issue with the custom CSS applied to left align my logo
.td-header-style-7 .td-header-sp-logo {
margin-top: 10px;
margin-bottom: 10px;
}
.td-header-style-7 .td-header-sp-logo img{
margin: initial;
}
@media (max-width: 767px) {
.td-icon-mobile:before, .td-icon-search:before{
color: black;
}
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: #FFF !important;
}
The menu in Mobile view of the theme opens very quickly but without any animation which doesn’t look good. I would suggest you to add a nice opening and closing animation to mobile menu.
Check this website’s mobile menu opening and closing animation.: http://www.theverge.com/
You are right, when i disabled all plugins from Travel layout of Newspaper6, menu and search buttons started working on mobile devices.
Then i started activating plugins one by one, and after each plugin activation i refreshed the site on mobile device, just to make sure which plugin is making this problem.
When i enable WooCommerce plugin that you guys are saying that is support on Newspaper6, then menu and search were not working anymore on mobile devices.
Can you please help me fix this issue?
Hello Jocaob,
Half of your header you can get from the theme panel by choosing header style 10. Centered menu and logo on top. For the social icons and date you need a bit of custom work.
1) chose header style 10
2) copy this code: http://pastebin.com/tgK2Ebu1 in your header-style-10.php and replace the existing one.
3) add this custom css in the theme panel:
.xdate{
color:grey;
float:left;
font-size: 16px;
padding: 1px 1px 1px 1px;
}
.header-menu-social{
display:table;
}
.custom-container{
width:720px;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 700px) {
.custom-container{
width:80%!important;
}
}
You should have this result now: http://screencast.com/t/dyf55VPTCU7M
It will need a bit of adjusting on responsiveness and the mobile version but i think you can manage from here.
Thank you!
Oops, sorry, issue came up when I did the following:
.td-boxed-layout #td-outer-wrap {
width: 1100px !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px !important;
}
Is there anyway to get the bg img not to distort on mobile device?
Thanks!
Hi
By default the theme doesn’t display the top bar on mobile devices, but you can use custom css in theme panel > custom css to display the top widget: http://screencast.com/t/ygpLdtt3uW8T
@media (max-width: 767px){
.td-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display: none!important;
}
.td-header-sp-top-widget {
display: table!important;
margin-left: auto;
margin-right: auto;
float: none !important;
}
}
Let me know how it goes.
Thanks!
Thanks this is perfect.
I have another request should I open a new topic ?
Please check the mobile layout of http://www.clique.tv
When clicking on menu they have set a background image on each section
I tried to make a css rule but could not figure the element ID of the menu (for ex /?cat=88)
Thanks
