- 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 there,
My mobile menu at http://www.fivestonescondo.com does not expand when clicked.
Can you advise?
Thanks
Hi Support:
I am not sure where I did wrong but it seems my icon menu and search icon not show in mobile (iphone) however the placeholder is there I just don’t see the sign.
Any idea?
Thanks
Hi,
I want to remove the sidebar on mobile devices I have this CSS sidebar but still , any ideas
@media(max-width: 767px){
.single .td-main-sidebar {
display: none;
}
}
.td-header-style-10 .td-header-text-logo {
margin: 0px 10px 30px 30px
}
.td-footer-container {
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #222222;
padding: 0px 0 0px 0;
color: #ffffff;
}
.td-pb-padding-side {
padding: 8px 0px 0px;
}
.td-footer-container .td-footer-info {
margin-bottom: 0px;
}
.footer-logo-wrap {
margin-bottom: 0px;
display: block;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #000000;
z-index: 999;
}
.td-ss-main-content{
margin-left: 10px;
margin-right: 10px;
}
.td-page-title {
display:none;
}
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: #2daae1;
color: #ffffff;
z-index: 999;
}
.td-sub-footer-container {
padding: 0px 10px 0px 10px
}
.td-category-description{
padding: 23px;
}
.titulares {
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 25px;
line-height: 35px;
font-weight: normal;
font-style: italic;
text-align: center;
text-transform: uppercase;
color: #4db2ec;
}
THX
Hello
I have searched, found some similar post, but it did not work for me.
So I am asking here.
1. Since I am falling short of the main menu width >> i have slightly more items, I am using top menu to put some of the main menu items there.
2, I cant see the items in TOP menu in mobile menu >>
3. Basically I dont mind to have only MAin menu visible for desktop and pads, but since I am falling short i need to use the top menu too.
4. So bascially in mobile, I need that the top menu is also combined in main menu.
Thanks
Hey, I really love the theme and it looks great when I’m logged in viewing my blog wtf1.co.uk
But when I view it was a user pretty much nothing works and I can get my head around it? The main content slider doesn’t work, the menu doesn’t stick to the top, the menu drop downs don’t show… This is both on mobile and on web.
Any idea what this could be? I’m really stuck.
For basic minification of the CSS and possibly main js files, see my optimization guide.
Be aware that there is really no 100% way to fully optimize loading the above the fold content with any commercial theme like this one — this is because there are many options and functions being loaded in order to render the page at all, and to provide folks to create totally different designs.
Many articles have been written online about getting a perfect score with PageSpeed and WordPress and that requires custom building a theme from scratch and setting up regions where CSS and js are loaded conditionally and in series based on the content sections. Very complex and outside the scope of commercial themes.
Limiting things like mega menus can help, making sure any external resources load via async (we used to use addthis for social buttons on our sites and had to ‘hack’ that to add async loading of their js, because they were too stupid to do it with one line of code in their WP plugin).
Often to get the best “real world” score for your site, you need to disable any/all things which load externally (ads, etc.) and then test that. Optimize. Then switch on external things, optimize “if possible” and then realize the “real score” doesn’t count the Google ads stuff.
You can’t control caching of external elements (time to live), or minification of external resources. With Google fonts you can load the CSS locally in your own style sheet, then simply “draw” the fonts from their CDN. Now that “Roboto” is open source, one could in theory even load that font off your own server and bypass Google entirely. Or just use “web safe” fonts, to eliminate any external font loading.
For the above the fold render blocking blah blah. If your mobile score is above 85 you’re fine; if your desktop is above 90 you’re fine. But there is a notable “tuning” process to this, and again — it’s almost impossible to eliminate the “render blocking” or “above the fold stuff” entirely with *any* commercial theme.
Not sure any of that helps… just some feedback on my own suffering using commercial WordPress themes, and also building my own bootstrap 2 templates which are running our main business portal (using .shtml and custom page builder CMS; not WP).
Hi! I need some help to make the logo bigger with the Header Style 9. I know I can change the min-height/max-height and stuff… but… the sticky header persists bigger instead of to load the Mobile Logo, for example.
So I need to find a way to use a logo with 100px of height in the normal header and 75px in the sticky header.
Here’s my CSS so far:
/** LOGO **/
.td-main-menu-logo img,
.sf-menu > .td-menu-item > a > img {
max-height: 100px !important;
}
/** NAV **/
ul.sf-menu li { float: right; }
.td-mega-menu ul { margin-top: 32px !important; }
.td-header-main-menu { padding: 20px; }
.sf-menu { padding: 3px; }
Thanks guys!
Hi,
The desktop menu appears on mobile and it shouldn’t be there – http://screencast.com/t/5iuaE2E5Oi
Try to disable all plugins except for Visual Composer, remove the custom css (if you added any) and check if the issue is still there.
Let me know how it works.
Thank you!
Hi,
1. Please also provide your site’s URL as I need to inspect your site so I can provide an accurate solution on this.
2. Unfortunately those VC column options don’t work but you can add a custom css class to that row/column you need to hide on mobiles like this: http://screencast.com/t/Y5B0S3wrEcje then use custom css to hide that row on mobiles or the viewport you want like this: http://screencast.com/t/69cIbmxcW
This is the css I’ve used you can set the “ttt” class your self and sue the css below to hide it and place it in theme panel > advanced css on the device you need to hide it.
.ttt {display: none}
3. That unfortunately can’t be done easily as the theme isn’t designed to support blocks in the header. For that section you can chose from the available header style in theme panel: http://screencast.com/t/cyp8hAYjdue or you can customize it as you like by hard-coding your design here: http://screencast.com/t/JqQQmxS6Q
Please note that in approximately two weeks the new version of the newspaper theme will be available with more customization options available for the top menu and more header styles from you can chose so you can decide then if you want to design your own header or use a predefined one.
Thanks
I’m using style 3 header. Top menu doesn’t work correctly on mobile. The orizontal navigation does’t hide on lower resolutions and remain visible under mobile menu icon and mobile logo.
http://www.thestylosopher.com/
I don’t hunderstand what’s wrong.
Thanks in advance.
Hi,
I tried to hide some elements/blocks on some devices (mobile phone e.g.) using the “responsive behaviour” menu. The block border becomes white but It does not work. Still all blocks appear on all devices (PC, mobile etc). Why? Regards, Chris
The pie chart on Android browser seems to have fixed itself some time in the last 24 hours, not sure how, but please consider it resolved. Wasn’t a cache issue as I clear caches frequently.
Will attempt the fix on the mobile menus.
Hi,
Please deactivate all plugins , leave just Visual Composer active, clear cache and check again if you still have this issue with fonts. Also try to change and resave the font for mobile menu items. I also checked this and did not found any issues on mobiles.
If you still have this issue please send an email at contact@tagdiv.com and provide wp-access so we can take a look. Paste also a link to this topic so we can know who you are.
Also I have checked that pie chart on android and did not found issue. On which device and browser did you checked?
Thanks!
Dude, of course the mobile menu settings are there, how else would the submenus be working? And yes I know the mobile main menu is a separate setting, but it is the line immediately above sub menu. Pretty hard to miss. So, sorry no it is not working.
The fix for the Pie Chart is resolved with respect to “NaN”.
However it is still displaying below center on Android.
Thank you, Alin, and have a great weekend!
-
This reply was modified 11 years by
CtrlP Press.
Hi,
I did not said that you have added that css…it comes from theme’s css and it is added on rows necessary on pages. See more about overflow property – http://www.w3schools.com/cssref/pr_pos_overflow.asp
I have also tested this and NaN appear because you have to enter a value to the “Pie label value” like on Pie value ("Input integer value for label. If empty "Pie value" will be used.") so you have not entered a value there – 77% of all material – is not a value, try 77 and see if you still have that issue (or leave that field empty so it will take “Pie value”).
Make sure that you have set font family also for mobile menu – http://screencast.com/t/uvmDqEwLCe
Thanks!
Sorry, I should also add a couple of other problems I can’t figure out…
First is that the Pie Chart that is on the Page link above strangely displays “NaN” in its center for a brief moment before displaying the correct text. Does this for me on both Windows 7 and Android; don’t know about other browsers.
Also on Android mobile the text in the center of the Pie chart sits below center.
And finally, the main menu on Android does not display the correct font, but for some reason its sub menus do.
Sorry to be a pain, but I am learning lots from you guys!
Hi,
You can try this custom css in Theme Panel > Custom Css and you can change it how you wish – http://screencast.com/t/qwT0lyhkCx
@media (max-width: 767px){
#td-top-mobile-toggle {
float: right;
}
.mobile-logo-wrap img {
left: 0px !important;
right: auto !important;
}
#td-top-search {
position: absolute !important;
top: 0px !important;
right: 35px !important;
}
.header-search-wrap .dropdown-menu {
left: auto !important;
right: 0;
}
.header-search-wrap .dropdown-menu:before {
right: 15px !important;
left: auto !important;
}
}
Thanks!
Hi,
You can use custom css in Theme Panel > Custom Css to make this change, but please note that making this change it won’t change the position for mobile menu. It still will be opened on left side.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Hello Lucian!
Here is the screen shot of my site and as you can see that you can see the sticky menu- http://imgur.com/bySMqGp
Screenshot for the setting – I only activate mobile snap because i want the menu to snap on mobile devices only. http://imgur.com/dEDJhLr
Regards!
Hello,
I would like to know how I could change the text “Close” on the mobile menu to an X instead?
Thanks
Hi,
I’ve also tested this on various browser’s (IE, Firefox, Chrome, Safari, Opera) on different OS and found the expected behavior. On your site all work the same way, I haven’t found any differences between browsers as you’ve reported – the menu stays fixed at the top of the page when scrolling down and snaps on mobiles when you scroll up so it means you use this option: http://screencast.com/t/F5mztMIbnj
You need to use this option: http://screencast.com/t/DSshlFG6hwS to make the menu always snap on mobiles and desktop also. The same behavior you can find on our demo site: http://demo.tagdiv.com/newspaper/ – it uses the “smart snap (always)” option which makes the menu always snap when you scroll up. If you need other functionality for this we suggest you get a freelancer to implement it for you as you need additional customization for it.
If you already use this option and this is the result you have let me know.
Thanks
Hi,
Once again when the smart snap mobile is active the main menu remain fixed on desktop screens(when you scroll up or down) and on mobile appears only when you scroll up. We check your site many times and it is working properly, please clear cache.
1. Please try this custom css to hide “to top” button: http://screencast.com/t/TIfAu6B4kt8
.td-scroll-up-visible {
display: none !important;
}
2. Also for h5 you can change the font size using media queries: http://screencast.com/t/Zzrwvc46gj
@media (max-width: 767px){
.td-post-text-content h5{
font-size: 20px;
}
}
Thanks!
Hi,
Yes, you can display it using custom css as the top menu was not designed for mobile devices that’s why is hidden.
You can add this custom css to display it also on mobiles but you may need some additional customizations for menu items that may drop on more rows – http://screencast.com/t/rHnQKiUT
.td-header-menu-wrap {
display: block !important;
}
A solution will be to hide some top menu elements(if you want only menu to be visible) using media queries – http://screencast.com/t/E7jiGxvPO6Co – this is an example
@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important;
}
.td-header-menu-wrap .td_data_time, .td-header-menu-wrap .td-social-wrap, .td_ul_login {
display: none;
}
}
Thanks!
Hello,
Is there a way to put the TOP menu (the black one) in the mobile format?
Tnks!
Hi,
What theme version do you use? Please make sure that you use the latest version 4.6.3.
Also I have checked your site and not only mobile menu doesn’t work, also ajax pagination. I found these errors in the console – http://screencast.com/t/XImhK1sVFL so please make sure that you deactivate all plugins leave only Visual Composer active, also clear cache and purge your files if you use CDN and see if you still have this issue. Also please remove any js/css minification. Let me know!
Thanks!