Search Results for 'mobile theme'

Results from the Forum
T2N
Participant
#0

Hi guys,

URGENT: Theme is no longer mobile responsive after last theme update. We followed your instructions to update theme, visual composer and slider revolution. Slider Rev plugin still says “a new plugin is available”

Please help.
Christina

Bogdan B.
tagDiv Staff

Hi,

1) In order to add the code besides the author name in the bottom author box, then you need to add it to this file: http://screencast.com/t/ccOh7k2G

2) In order to implement facebook comments, you have to disable the theme comments and then place the facebook comments shortcode in the template files here: http://screencast.com/t/oTnWURqrAb3

You have to do this for every post style you use on your site. every post style has it;s own file.

3) You can use this css to activate the top menu on the mobile version.

@media (max-width: 767px){
.top-bar-style-1 .td-header-sp-top-menu {
display: block!important;
}
.td-header-top-menu-full {
display: block!important;}
.td-header-sp-top-widget{
display:none!important;
}}

Thank you!

Bogdan B.
tagDiv Staff

Hi,
1) I’m not sure what a userpro badge is as userpro is not a tested plugin. you can try to code it in if you have the proper coding skills. Either with the code you showed above or the do_shortcode funtion.
2) If userpro has it’s own comments, you can replace the standard theme comment system from here: http://screencast.com/t/Ic56itglx3h
3) The login was hidden for mobile phones only. For desktop and tablets it is present in the top menu. Please proveide a link to your site so I can provide the proper css to show the login on the mobile version of your site.
Thank you!

Bogdan B.
tagDiv Staff

Hi,
If you tried testing the theme in it’s default state, then this could also be a server side issue. Maybe there are certain settings made on the server preventing google from analyzing your site correctly.
Our theme gets a positive response for mobile friendly tests: https://www.google.com/webmasters/tools/mobile-friendly/?url=demo.tagdiv.com%2Fnewspaper
Please contact your hosting provider and as if he knows anything on the server that can prevent the google insights.
You can try this on a sub-domain with a fresh install of wp and the theme and see if the mobile friendly test returns the same.
Thank you!

Andrei L.
tagDiv Member

Hi

I’ve checked your site with google page speed tool and hits a good score: http://screencast.com/t/ihro9rVcru8t However it can be improved by moving jqery resources to footer by using theme’s Speed Booster plugin. You can also move theme’s css but in that situation there will be a little delay with the style.
Here you can find some useful information regarding Speed Booster usage: https://forum.tagdiv.com/topic/mobile-view-problem-3/ Also you can improve the loading speed using mysql query cache: http://dev.mysql.com/doc/refman/5.1/en/query-cache.html we also use it on our demo.

Thanks!

Catalin
tagDiv Staff

Hello olivervossmann,

I have checked your website and saw that you are using Header Style 8. Please try the code below and add it in Theme panel->Custom CSS area and then your top bar menu will be displayed in the mobile version.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-style-8 .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
}
.td-header-style-8 .td-header-top-menu {
margin-left:0;
width: 100%;
}
}

The result you should see here -> http://screencast.com/t/KOf6LfoLz

Thanks.

Catalin
tagDiv Staff

Hello all,

If you want to display the top-bar menu on your mobile version, you have to use a bit of CSS code to dod that. Please try the code below and place it in Theme panel->Custom CSS area. Also, please notice that the mobile menu will remain with the same structure because this is the own design for the mobile version and cannot be changed to be displayed as on desktop version, because it is not a simple task and require more additional customizations that involve custom work.

The code is ->

@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
}

Thank you for your understanding!

Akif Hameed
tagDiv Member

Hi Bogdan,
I want to mention here you take too much time in replay. According to your reply, I have just test your theme demo http://demo.tagdiv.com/newspaper/, at the mentioned link. https://developers.google.com/speed/pagespeed/insights/

But the soooooooo many problems as was in case of mine. Both for mobile and desktop.
You can also check directly from the above mentioned link as I am not sending screenshot with this message. I am mentioning some issues that are same for all the websites that are using newspaper theme.

The most important that needs removal immediately.

  • Eliminate render-blocking JavaScript and CSS in above-the-fold content
  • Size tap targets appropriately

There are several others but I am just talking about these two because I don’t know how to tackle & go through with it. Where JavaScript and CSS going to block & what is meant by above-the-fold content? Which tap needs adjustments?

I am mentioning something about me that I am Electrical Engineer and I’ve purchased another domain http://www.tycoonzit.com/, I’d just thought to purchase newspaper again to use it for this site too. But these issues looking huge problem with the theme? If there is any solution then please provide us as soon as possible. Especially the first one needs immediate attention.

I’m not posting it somewhere or themeforest except here, also I don’t want to give -ve reviews about newspaper. As, I know that this stage required so much effort that you’r team and you had made.

If possible then replay in today’s time.
Seeking for reply.
Regards

olivervossmann
Participant
#0

Hi.
The theme is awesome. Please tell me how to enable both the top menu and the main menu in the mobile responsive version? I want both the menus to appear there.
Thanks.

My Site: http://www.inselleben.es
User: guest
PW: guestguest

Catalin
tagDiv Staff

Hello BrunoBerlanga,

I have checked your website and please notice that you have no any issues regarding no your logo. Please keep in mind that our theme is responsive and the logo will be adjusted according to the width of your devices. The logo will be bigger when you switch your mobile in landscape mode because the width will be higher and the logo will be adjusted by it. For more information about our logo section, please check our documentation here -> https://forum.tagdiv.com/logo-favicon/

Thank you for your understanding!

jgreenwood
Participant
#0

Hello, I am looking to add an additional navigation menu that is similar to what can be seen on menshealth.com and popularmechanics.com … it is a little three-bar icon to the left of their header logo, and when clicked, a full menu appears in the left side of browser window.

http://www.menshealth.com/
http://www.popularmechanics.com/

It is almost like the kind of icon you see when a nav menu gets minimized on a mobile device. .. same style. But, in my case, I will make this ‘additional menu’ actually not appear on mobile. I just want that functionality as seen on those other modern sites. Any ideas on how best to implement this? Is there a built-in way to do this with the Newspaper theme? Or perhaps I will need to custom code. Open to suggestions, thanks!!

skyscorcher
Participant
#0

Hi, I was using the theme with the visual editor, and while it looks ok on the desktop, on the mobile it’s not working properly.

Here I attach a screenshot to see what I’m talking about.

https://db.tt/e80oaR38

Any help?

Thanks

Akif Hameed
Participant
#0

Hi,
I’ve test here https://www.google.com/webmasters/tools/mobile-friendly/ , it says that my website is ‘not-mobile-friendly’. It has mentioned two reasons (i): Content wider than screen (ii): Link too close together.
I’ve checked my website thoroughly with robots.txt. Everything is good.
You can check the robots.txt file setting of my website from this link http://www.tycoonzfitness.com/robots.txt
I’ve allowed the googlebot-mobile but the test is not going to clear it.
Please let me know how to solve this issue, Either it’s problem with theme (updated) or something else.
Regards

David
tagDiv Member

I put $500 into the pot. All I’m looking for:

    • Integration of DFP Doubleclick to the Newspaper theme (like the existing theme panel ad section for Adsense)
      Mobile responsiveness and seamless integration of the ads
      Maintained by Tagdiv
  • Who’s willing to call?

    Josan
    tagDiv Member

    Do you want to show randome posts below the comment section like this? http://www.mysteryofindia.com/2016/04/awe-inspiring-shiva-temple-kakanmath.html

    So here is guide:
    1. create new page ( you don’t have to publish it)
    2. Click backend Editer to use visual composer
    3. Add Block 3 and select the options according to your preferences (like Title, category, Random posts or Latest posts)
    4. After you finish adding the block click on Classic Mode to return on normal page
    5. You will get a code like this [vc_row][vc_column][td_block_3 custom_title="" sort="random_posts" limit="3" ajax_pagination="infinite" ajax_pagination_infinite_stop="4"][/vc_column][/vc_row]
    6. add PHP tag like this: <?php echo do_shortcode('your Visual composer code goes here'); ?>
    7. Here is final code that we use on our site: <?php echo do_shortcode('[vc_row][vc_column][td_block_3 custom_title="" sort="random_posts" limit="3" ajax_pagination="infinite" ajax_pagination_infinite_stop="4"][/vc_column][/vc_row]'); ?>
    8. Now you have to edit your SIngle_Template.php files. We are using template number 2,5,11 so We have added this code in these files. You can add this code in all the templates that you use.
    9. Paste the code at end of file Single_template_##.php after this line </div> <!-- /.td-pb-row -->
    and before this line: `</div> <!– /.td-container –>
    </article> <!– /.post –>`

    Thats it. it will work now.

    Last thing add this code in Theme > Custom Code > Advanced CSS > Phones:

    .td-pb-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    It will fix some style issue in mobile phones.

    • This reply was modified 10 years by Josan.
    George
    Participant
    #0

    Hi,

    Please find below issues faced in Newspaper theme

    i) while scrolling the header menu logo is messed with header menu items in list(Desktop Version)

    URL: http://www.appztesting.com

    ii) Disable menu in 404 Error page

    URL: appztesting.com/jkdlfaldkjfla

    iii) Mobile menu is messing with my contact form after feedback is sent

    uRL: http://www.appztesting.com(Mobile version. Tested Device: Samsung Galaxy S4)

    Steps to reproduce:-
    i) Open menu in mobile version
    ii) Click contact and submit with a dummy feedback
    iii)The mobile menu is collasped

    themajiks
    Participant
    #0

    Hi.
    The theme is awesome. Please tell me how to enable both the top menu and the main menu in the mobile responsive version? I want both the menus to appear there.
    Thanks.

    cooolvita
    Participant
    #0

    Dear tagDiv

    I’m sending this email as I’ve got a problem while using newspaper theme in Korea.
    A location memory problem occurs when backing ajax pagination.
    In case of setting ajax pagnation (Next prev ajax, Load more page, Infinite load), if click a “back” button after reading the newly loaded ajax pagnation post, the newly loaded ajax page becomes initialized and it becomes impossible to continue to read the page which I’ve been reading.
    If ajax pagination is not used, it remembers its original location even if click a “back” button after reading the post.
    But, if read a page which is newly loaded by a “Read more” and “Infinte load” and click a “back” button, it backs to the page location which is before “Read more” and “Infinte load”.
    In case of PC, it doesn’t have a problem with Explorer, but the problem occurs when using with other browsers, such has Edge, Chrome, FireFox, and Opera.
    But it also doesn’t occur on IOS. When clicking a “back” button, page refresh is not made by itself.
    However, the biggest problem is all the browsers on Android doesn’t remember the location due to ajax pagination refreshing, and this causes a serious inconvenience for Android mobile users in using our website. Especially as most of Korea people use Android system, this is a very serious problem.
    So I’d like to ask you how to fix this problem on Android mobile phone.
    I know it would be simple if opening the post in a new window, but it will cause inconvenience for our users and they will not be willing to use the website.
    Also, when uploading a feature image on a post, a big one is partially shown, while a small one is shown to be small, an I’d like to know if there is any solution to automatically adjust the size.

    I look forward to hearing from you soon.
    Thanks in advance.

    Sincerely,
    cooolvita

    Andrei L.
    tagDiv Member

    Hi

    I assume that you’re using a plugin to add that ad on the page as it’s not generated by theme’s spots. Also its html source don’t allow to target it with css from outside as it’s css is added inline: http://screencast.com/t/HbAKMMmdku0 You have to edit the plugin/script which generate the ad and change these rules for mobile devices.
    To target only mobile devices use media queries:

    @media(max-width: 768px){
    //css code goes here;
    .elemnt-css-clas{
    display: none;
    }
    }

    Thanks!

    Andrei L.
    tagDiv Member

    Hi

    I assume that you tried to make the mobile menu active on tablets.
    To achieve that it’s required a new function in theme’s js which will detect the tablet devices and will apply a specific style for the menu depending by the header style used. Basically you’ll need to rewrite all header style for tablet so the mobile menu to be displayed fine.
    We didn’t make any testes to check how mobile menu will work on tablets and the theme don’t have any implementation for this feature. Unfortunately I can’t provide a solution now as the required customizations involve lot of time and also many tests. This new feature should be tested to work with all theme’s header styles on many devices and various browsers.

    Thanks!

    whpro
    tagDiv Member

    This ad company keeps telling me it’s not the same ad.. because when I edit the “custom area 3” section of our themepanel, I am told I was unsuccessful in wrapping the Ezoic ad code around that existing ad.

    Furthermore if these ad codes were the same then the code seen below in the imgur image would look the same as the one I pasted below (found currently in the custom area 3 themepanel section)

    This ad below is the code I’m searching for:

    View post on imgur.com

    The code you’re referring to in our custom three are of the themepanel > ad area is the following:
    <!– Ezoic – Sidebar 3 – sidebar –><div id=”ezoic-pub-ad-placeholder-104″>
    <script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
    <!– below all/ tna/wwe news –>
    <ins class=”adsbygoogle”
    style=”display:block”
    data-ad-client=”ca-pub-4793404262316174″
    data-ad-slot=”3674627237″
    data-ad-format=”auto”></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>
    <!– End Ezoic – Sidebar 3 – sidebar –>

    I believe the ad theyre trying to target is possibly a mobile ad, and I dont know where to locate it.

    ben.hinc
    Participant
    #0

    Recently, Google released “Page-level” AdSense ads specifically for high-end mobile devices. It’s a single piece of code that’s added to the HEAD tag and then it can show both anchors and vignettes automatically.

    I’ve implemented this code manually by editing Header.php and I’ve noticed different behavior of the ads in different mobile browsers.

    Using Safari on iOS, the anchor ads (which are fixed to the bottom of the screen) pop up immediately. Using Chrome on Android, the anchors only appear when the page is scrolled all the way to the bottom. They remain when you scroll back up, but again, they only initially appear once the bottom of the page is hit.

    Do you think this is a browser issue or maybe the theme is interfering with this new ad format?

    Here is a link to more information about the new ads: http://adsense.blogspot.com/2016/04/AdSense-page-level-ads.html

    Here are some screen shots showing the ads on our site: http://adobe.ly/239UtVt

    Our site is located here: http://www.theapexracing.co/

    Also, it would be great if this new ad format/location were added to the Theme Panel. Thank you!

    kepokorea
    tagDiv Member

    Thank you for your attention.

    I just realize, its just slow respond of the browser. Maybe just you said, there is a cache which store the previous script. Changing the script at the theme panel, need a time to effect for some browser, especially for the mobile device.

    Thank you again for your attention. And i wonder….Wordpress already launch new update for the engine. Newspaper theme have no problem with new engine of WordPress right??And how to update visual composer?Is there any update for newspaper theme?

    Regards,

    kepokorea
    Participant
    #0

    Dear Newspaper,

    I have header ads problem using newspaper theme. Previously, i uses google adsense script as the advertising on the header. Now, i like to change with non google adsense advertising. I already changes through the newspaper theme panel on WordPress admin page. If i uses Windows OS PC, its look fine. My new advertising is show up in the home page. But, if i uses other OS like Linux or MacOS, the header ads still shows google advertising. Not the new one. It also happening if i use mobile device. You can try my website on http://www.kepokorea.com

    Please your advise to address this problem.

    Regards,
    KepoKorea

    Bogdan B.
    tagDiv Staff

    Hi,
    Unfortunately the theme has no such option to change the position of the header ad on mobile, but different header styles provide different layouts. For example a header styles 2, 5, 6, 7, 8, 9, 10, 11 and 12 show the ad below the menu on mobile.
    Thank you!

    Viewing 25 results - 20,801 through 20,825 (of 22,177 total)