Search Results for 'mobile theme'

Results from the Forum
tcdraper
tagDiv Member

I would like to know this as well, please. Thanks!

I looked at an old version of the theme that I have on a demo site and it looked like the retina logo was showing at 340px wide on my iPhone 5.

When I made the retina mobile logo 340px wide in the theme panel, it looks too small now…

der00b
Participant
#0

Hi,

this is my first post here at the forum, mainly because the theme has worked very well all the time.

I have come across a problem now though after updating to the latest version.

There doesn’t seem to be any options for me of choosing wether i want my site to resize and stack up when being visited from a mobile device or when resizing the current window on a computer.

How do i change this so it DOES NOT resize at all, or resizes only when being visited from a mobile device. Before i updated my site did not resize on any device and although it was a while ago, i remember having changed the fixed sizes.

In Jetpack the mobile option is disabled, i do not have a color or background image chosen in the Theme Panel.

Please help as i do not have time to re-do my site for being optimized for responsiveness.

Site is: http://filmforalla.se

Thanks.

olawalea
Participant
#0

Hi,
Please i have an article with tables in it. But when i post the article it doesn’t show the table after it is published. I installed table press but found out tablepress is not very responsive on mobile.
Can the TagDiv team work on an update that will make table work properly with the theme?

Link to the article with tables in it:
http://www.techcityng.com/iphone-6-and-iphone-6-plus-vs-samsung-galaxy-s5-htc-one-m8/

Lucian
tagDiv Staff

Hi,

Thanks Christopher!

@eeesirbelly

Please take a look over the settings from WordPress dashboard > Discussion and make sure you haven’t disabled them from Theme Panel > Post settings, you should have this option set like this: http://screencast.com/t/txpFm69v and also make sure you have enabled them from post editing panel, under screen options: http://screencast.com/t/KWbOWzdk
If nothing works please disable all plugins leaving only those that theme requires and check again. Should work fine, we have no issues regarding comments with latest theme updates.
Regarding the icons please point me where on your site I can find this issue. Your icons on mobile look fine: http://screencast.com/t/56mvP2JGn

Thanks

Steven
tagDiv Member

The most important plugins you need to even get this close to getting those scores..as follow

1.tagDiv speed booster

2.Speedbooster Pack Plugin (Don’t use the feature Disable all above CSS options on mobile devices) all the other features can be use but it all depends on ur site.

3.WP Super Cache Plugin this work better with the theme and don’t cause any issues with the theme code.

4. Optimize Database Plugin http://wordpress.org/plugins/rvg-optimize-database/

5.EWWW Image Optimizer Plugin

6.CloudFlare Go to “performance settings tab” and make sure you choose every thing in there…

A.CDN & Full optimizations

B.Simplified

C.Rocket LoaderThis play a very big important role in ur google pagespeed test as well make sure it’ turn on..

D.Auto Minify (JS,CSS,HTML)

E.Minimum expire TTL Make sure it’s set to 5 days not more are less..

hareshtilani
Participant
#0

Hi there,

I have migrated our WordPress website to live servers and the Newspaper theme looks great. Except for the fact that when viewed on Mobile, the logo doesn’t seem to resize. I’ve looked through almost every forum I could find via Google and tried a whole bunch of custom CSS code, but nothing seems to work.

The URL is: http://www.balukoo.com/.

Could you please let me know what else I can try to do?
Thanks.

Haresh

Ecofame
tagDiv Member

Hi TheMediumUTM;

Thank you again.
Now it looks good and I like it. As you can see there is little problem that is margin from the left and the space between the header and block slide.
When I checked how the site apears on mobile the margin left problem seem clear.

This is what i did. I put all the css codes together, changed px values, copied all of them and pasted in theme panels costom css area.

.span1, .span3, .span4, .span6, .span8, .span9, .span11, .span12 { margin-left: 20px !important; }
.block-title { margin-bottom: 10px; padding-bottom: 10px; }
.td_mod_wrap .meta-info {display: none !important;}
.td_block_wrap { margin-bottom: 0px; padding-bottom: 10px; }
.td_mod_wrap { margin-bottom: 10px; }
.td_mod1, .td_mod2, .td_mod3, .td_mod4, .td_mod5, .td_mod6, .td_mod7, .td_mod8, .td_mod9 { margin-bottom:
10px!important; }
.td_mod_wrap .thumb-wrap { margin-bottom: 10px; }
.wpb_row { margin-bottom: 10px; }
.td_mod3 { min-height: 65px; }

Regards
Ecofame

simchris
tagDiv Member

Yes, it’s useful to read the documentation which outlines bow to use W3cache with this theme, if you didn’t already review the thin how-to info:
https://forum.tagdiv.com/w3-total-cache-configuration/

TheMediumUTM
tagDiv Member

It definitely does work; a large number of us use it 🙂

The most common reason I’ve heard for the result you’re describing is that you have minifying CSS and/or JS turned on in W3 Total Cache. Not all themes play well with minifying.

mrsky28
Participant
#0

Hello,

How come sprites are not aligned when I’m on mobile version of the site? It looks someting like this: http://i.imgur.com/Tjkyfsf.png

I tried reinstalling the theme but no avail. Any advice?

JMBusiness
Participant
#0

Hello,

After activating the W3 Total Cache plugin,
the mobile version of the site stopped working properly.

The menu button did nothing (just redirected to mywebsite.com/# instead of opening the mobile menu on the left. And the search button also did not work and simply redirected to mywebsite.com/# instead of opening the text field for search.

I have the latest 4.2.2 Newspaper.
Please try to fix this.

W3 Total Cache is the highest rated and most complete WordPress performance plugin. All themes must work with it. If Newspaper doesn’t not work with it, I would have to let it go and start using a different theme.

Thanks,
Jan

Lucian
tagDiv Staff

Hi,

We know about this issue, you will have to send an e-mail at contact@tagdiv.com and we will send a fix for it or you can wait until next theme update, we have already fixed it and will be available with the next theme version.
Sorry for the inconvenience.

Thanks for the message!

TheMediumUTM
tagDiv Member

I do find the copyright one works on mobile and tablet (at least, mine does).

One way to disable the widgets, although it’s just lazily hiding it, is this:

1. Install https://wordpress.org/plugins/zigwidgetclass/

2. Give all the widgets in the footers you don’t want a class like hide_on_mobile

3. Go to Theme Panel -> Custom CSS and create a class like this:


@media (max-width: 1018px) {
  .hide_on_mobile {
    display: none !important;
  }
}

@media (min-width: 1019px) {
  .hide_on_mobile {
    display: initial !important;
  }
}

Note that you may have to use a different number of px to pick out the exact screen sizes you want. If I remember right, the other breaks used in the theme are 1200, 768, and 480.

Lucian
tagDiv Staff

Hi,

Please follow this guide: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/

Thanks

yancoste
Participant
#0

Hi,

My site (www.lesniews.com) is working fine on desktop, but not properly on smartphones. I have fixed the setting to “full responsive” in theme panel. Yet, when people open the site on mobile, they get a “default mobile version” showing the page code ! and at the very bottom (which noone sees), a “show full site” link that, when clicked, properly displays the site for smartphones.

I do not see in WP/Theme setting where to fix this. Could you please help as soon as possible.
Thank you in advance for your help and overall great work with this theme,

Best, Yan

Lucian
tagDiv Staff

Hi,

Please use this custom css to fix this:

@media (max-width: 767px){
.td-header-bg .header-style-3 .td-logo img {
position: fixed;
top: 3px;
z-index: 3;
width: 180px;
height: 48px;
}

.td-menu-placeholder .td-affix {
height: 48px;
z-index: 2 !important;
position: fixed !important;
}
}

Should work like this: http://screencast.com/t/OTIVJzbYW8p
The logo looks like that because of it’s original size, try to add an logo for mobile from theme panel.

Thanks

Lucian
tagDiv Staff

Hi,

Follow these steps:

1. First you have to register the new-menu, for that go to td_menu.php file and add this line: http://screencast.com/t/WJy9nhodUS

'header-menu-login' => __( 'Header Menu login (main)', TD_THEME_NAME),

You will get this result: http://screencast.com/t/ihF4cmqRgq

2. Secound go to menu-header.php file and add this condition like, this: http://screencast.com/t/OtKQsOJosx0

if ( is_user_logged_in() ) {
                                wp_nav_menu(array(
                                    'theme_location' => 'header-menu-login',
                                    'menu_class'=> 'sf-menu',
                                    'fallback_cb' => 'td_wp_page_menu',
                                    'walker' => new td_tagdiv_walker_nav_menu()
                                ));
                            } else {
                                wp_nav_menu(array(
                                    'theme_location' => 'header-menu',
                                    'menu_class'=> 'sf-menu',
                                    'fallback_cb' => 'td_wp_page_menu',
                                    'walker' => new td_tagdiv_walker_nav_menu()
                                ));
                            } 

3. Do the same for mobile menu, into menu-mobile.php file: http://screencast.com/t/3CQa5fpkw

if ( is_user_logged_in() ) {
            wp_nav_menu(array(
                'theme_location' => 'header-menu-login',
                'menu_class'=> '',
                'fallback_cb' => 'td_wp_no_mobile_menu'
            ));

        } else {
            wp_nav_menu(array(
                'theme_location' => 'header-menu',
                'menu_class'=> '',
                'fallback_cb' => 'td_wp_no_mobile_menu'
            ));

        }

After this set which menu you want for logged visitors and which for unregistered visitors and test it.
Hope this helps!
Sorry for the delay!

Thanks

DoOove
Participant
#0

Hi,

I’m having an issue with logo display on mobile.
I’m using header style 2, and i’ve configured same image on both places (Logo => Logo upload & Logo for mobile => Logo mobile In Menu).

I had logo problems in the past, and i was told to add following css:
.mobile-logo-wrap img {
height: 100%;
width: auto;
top: 0px;
}

but since recent theme upgrades (older than 4.2.1), i have a new display issue.

Is there a way to use Style 2 and adapt custom CSS ?

my site:
http://www.fantasy-coach.fr

Also, ‘menu icon’ is no more visible on mobile, this is since 4.2.2 upgrade, any advice on that?

thanks for your herp
BR

Lucian
tagDiv Staff

Hi,


@jenny_moviral

The slider looks like that because was modified, I have noticed that it’s been fixed at 330px height http://screencast.com/t/9iuNrQrt4jNs this is the reason for the slider looking like that and you need 4 posts in the slider not 3 , try to remove that custom css and check if this is still happening.
Also noticed that you are using the 3.5 theme version. We have changed the layout for the slider on mobiles from version 4 if I remember right so you can try it. Make sure you make a backup of your current theme so you can revert back top it if things don’t work well as we made some changes until 3.5 version. http://screencast.com/t/9iuNrQrt4jNs


@mrsky28
Do you have the same problem? Please send me an URL to your site so I can inspect this.

Thanks

  • This reply was modified 11 years by Lucian.
mehedi
tagDiv Member

@Christopher Just to let you know that I have fixed the issue but still messes up the mobile site. So, I moved the plugin from Bootstrap to PurceCSS and it works fine.

mrsky28
tagDiv Member

Even on desktop! Hoping for a fix soon 🙂

jenny_moviral
Participant
#0

Hi there.

I’m being using newspaper theme for a online news site, but my big slider doesn’t work in the mobile theme, look at this image.

BigSlider mobile

My site is: siete24

Everything in my config looks good, as the matter of fact in desktop looks good as well as you can see if you visit my site.

wpadmin

What can I do? Help me.

simchris
Participant
#0

Hi, folks
I actually reported this back on rev3; but still here in latest rev4 of theme.

Basically on iPad Retina in portrait, with tagdiv speedbooster on, the > arrow graphic used for previous next post doesn’t render and instead all is seen in an empty [] square. Perhaps change that to » for mobile?

Thanks. Always annoying to me since I check my sites on my iPad at night while watching TV, and that “bug” has been there awhile now. Should be simple fix, so just wanted to remind about that.

Lucian
tagDiv Staff

Hi,


@TheMediumUTM

You could add the css into an @media which will apply this css only for mobiles if this doesn’t look good, or you can style the looks for mobile using the same @media for mobile screen width.
Sould look something like this:

@media (min-width: 768px) {
.td-big-grid-post {
float: right;
}

.td_block_big_grid .td-big-grid-post-0 {
border-left: 3px solid #ffffff;
border-right: 0px;
}
}

This will not apply for mobile screens.

Thanks

Lucian
tagDiv Staff

Hi,

Please add this custom css in theme panel > custom css:

@media (max-width: 767px) {
.td-menu-background {
z-index:2;
}
.header-style-3 .td-logo img {
height: 48px;
top: 0px;
position: fixed;
width: 180px;
}
}

Modify the height and the width to enlarge the logo on mobile screens.
Should work like this: http://screencast.com/t/fcPUHPX2drG1

Thanks

Viewing 25 results - 21,876 through 21,900 (of 22,177 total)