Search Results for 'mobile'

Results from the Forum
Alin [tagDiv]
tagDiv Staff

Hi,

If you want more subcategories to appear on mega menu please edit td_menu.php and change this value: http://screencast.com/t/8W8tr3V6f and for mobile: http://screencast.com/t/Qbh8JUaENhX

Result: http://screencast.com/t/9RJ0GGRJsLz

Thanks!

vtmommies
Participant
#0

How do I get my Top Menu to appear in mobile? The main menu is there, but the important stuff for mobile clients (contact info, ad rates, etc.) is all in my top menu.

VTMommies.com

Thanks!

Emil G
tagDiv Staff

Hi,

1. You have to edit the post template files(depending on the style used loop-single default or 1-5) and add the following code above the title – http://screencast.com/t/JzT8ofAsKpX

render(array('spot_id' => 'custom_ad_1'));?>

Then you need to use custom css to adjust it (add the css inside Theme Panel -> Custom CSS) – http://screencast.com/t/YMdiBRy1

article .td-a-rec-id-custom_ad_1 {
margin-top: 15px;
margin-bottom: 0px;
}

2. Try the following css: – http://screencast.com/t/nb2b9iGqZ0Is

@media(max-width: 767px) {
.header-search-wrap {
display: none;
}
.mobile-logo-wrap img {
right: 0px !important;
left: 0px;
}
}

3. The padding is applied to the entire content – http://screencast.com/t/IgwOnop5
You could try to change the ad container position to relative an move it to the left (0px).

Thank you, Emil G.

gmdirect
Participant
#0

1) How can I show the Article Top Ad above the single post title, currently it shows under the featured image. Or is there another way to place an ad above the post title?

2) How can I center the mobile header logo and remove the search button? (mobile only)

3) When placing 320px width ads on mobile, there seems to be a slight padding so the image is moved slightly to the right and not centered correctly: screen

How can this be fixed?

Lucian
tagDiv Staff

Hi,

Sorry for this inconvenience!
I did answer to this in the other topic you’ve made related to this issue you have. I have just checked for this issues on BlackBerry as you’ve mentioned and as you can notice in the screenshot below that the review stars look as they show and not showing any strange chinese characters: http://screencast.com/t/hK9sgsxrRq
Please note that I have made this tests on our demo: http://demo.tagdiv.com/newsmag/ as when I try to access your site a mobile version of it it’s loaded which doesn’t help me to figure this out.
As I also stated in your previous post you’ve made I suggest you try to re-generated the font like this:
1. go to https://icomoon.io/app
2. button “import icons”, import from newsmag.svg (in /images/icons/),
3. select all icons;
4. button “generate font”, button “download”;
5. copy the 4 files (.eot, .svg .ttf .woff), in “fonts” folder in the downloaded zip file, rename icomoon.* to newsmag.*, replace old files.
Please let me know how it goes and also let me know if you disable the mobile version of your site so I can test and inspect this.
I also advise you to try all this without any plugins active and make sure you empty cache.
Hope this helps!

Thanks

Emil G
tagDiv Staff

Hi,

Those size setting (auto…etc) only work for adsense, you use custom banners so they don’t do anything.
You can see on our demo that the top ad has more stages depending on the screen size – http://screencast.com/t/yecNfe0thttp://screencast.com/t/QQZ99gpJ – on mobile is disabled.

If you use only one (non-responsive) banner you have to create custom css to make it fit properly on all screensizes, ex:


@media
(min-width: 768px) and (max-width: 1018px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 460px !important;
}
}

@media
(max-width: 767px){
article .td-a-rec-id-content_top,article .td-a-rec-id-content_bottom {
width: 100% !important;
}
}

Thank you, Emil G.

shoutershub
Participant
#0

Had reported this issue before, but none of the tech guys in here answered or even understood my plight.

but like I once complained without seeing a beneficial help/response, any time I visit my website on low end smartphone such as blackberry , and on a low end browser such as OperaMini, it tends to show some funny, and unknown Chinese language in place of star rating, which is readily on the theme.

Here is a screen grab
i.imgur.com/rIehgzw.jpg

Note: – I Meant On Operamini Browser, and also on Blackberry smartphone, not on a Mobile Emulator, Not on a Mobile emulator oh, cause its working well on a mobile emulator since its HTML5 browser.

And most of my visitors come from blackberry search visit thanks in advance

Lucian
tagDiv Staff

Hi,

I have checked your site and noticed this js errors in your console which can cause this as the mobile menu works based on js: http://screencast.com/t/bxcc6028AbuB
Please try to check this without any other plugins active lave just the Visual Composer plugin active, empty cache and also purge files if you use any CDN host services and check again. Enable plugins one by one afterwards to find the one that is causing this issues.
Please let me know!

Thanks

vj1023
tagDiv Member

The comment box is not clickable in almost all the posts.
but every post is commentable on my mobile device..
so mobile website is working fine.

This is what happened when i added both the css code given by you in the add css section in post.

  • This reply was modified 11 years by vj1023.
  • This reply was modified 11 years by vj1023.
costudio
Participant
#0

Hi,
similar to your Newsmag demo website, the icons on the main menu (down arrows indicating dropdowns to the right), social icons and mobile icons are not showing, this seems to be an issue with the ‘Newsmag’ font/css not displaying the icons for some reason, how can I fix this?

http://demo.tagdiv.com/newsmag/

Allan

mathias94
Participant
#0

The “hamburger” menu on my site doesn’t work. Whenever I, or someone else, clicks te button, nothing happends.

Does anybody know the solution for this problem?

url: http://www.gezondheidzine.nl

Lucian
tagDiv Staff

Hi,

You can fix this using this custom css in theme panel > custom css filed: http://screencast.com/t/teoCt4qNPSx

@media (max-width: 500px) {
.mobile-logo-wrap img {
max-width: 50%;
}
}

Thanks

simchris
tagDiv Member

fyi,
you should avoid inline HTML/CSS in posts, and instead create a custom style, then apply the style class to the span or div, as applicable.

Some upcoming security settings may cause browsers to ignore inline CSS altogether (meaning in the body, not inline CSS specified in the head as classes).

so,
For the following post, the editor used direct html code for font size (<span style=”font-size: 24pt;”>)

better to create class,
.ourcustomfs24{font-size:24px; line-height:1.5em}

then do
<span class="outcustomfs24">Our special headline without semantic meaning</span>

We do this for custom sidebar text block in some stories for an info box, and also for custom blockquote, etc.

This also would allow you to create a custom @media query for mobile, just for that style class; such as making the class 16px for the mobile media size.

  • This reply was modified 11 years by simchris.
simchris
tagDiv Member

Responsive is good, since it makes the site more “available” for mobile devices, and will also pass Google’s new “mobile compatible” program, where they will start putting a label on search results to identify which sites work with mobile and which do not.

Ad placement should, of course, be massaged for each device type (or viewport), for best placement/visibility.

It’s a process 🙂

Kerran elamassa
tagDiv Member

P.s. I tried with a smaller mobile logo, but then the logo doesn’t scale = looks weird when phone is used horizontal vs. vertical.

Kerran elamassa
Participant
#0

Hi,

I have a problem with mobile logo:

I have set my header style as Style 1. No designated mobile logo. At the moment in mobile (iPhone 4S) my logo and menu icons are on top of each other = in mobile it’s not possible to use the main menu.

What should I do? Thanks for quick reply!

http://kerranelamassa.fi

Lucian
tagDiv Staff

Hi,

Yes, you can use custom css to reduce the font size on mobile screen view and use the media query that I have paste below to do it:

/* responsive phone */
@media (max-width: 767px) {

}

Thanks

Lucian
tagDiv Staff

Hi,

Sorry for the delay!
1. Could please let me know on which mobiles have you encountered this character issues? A screenshor would also help.
2. Unfortunately I can’t recommend you one and also guarantee it will work as we haven’t tested any plugins of this type.
You can use the WordPress schedule system: http://en.support.wordpress.com/posts/schedule-a-post/ or a plugin like: Auto Post Scheduler or similar.
For the expire header please check point 2 from this guide: https://forum.tagdiv.com/pagespeed-guide/

Please let me know!
Thanks

thomaspe
Participant
#0

Which is the right resolution for the logo if “Style 8 – logo + menu on one line” is used?
If you look at http://festivalisten.de it just doesn’t feel ok with the standard settings 300x100px. That is especially true if i use the smart menu which is active right now.

What size should the mobile logo be set to?

Lucian
tagDiv Staff

Hi,

You can find it in style.css file, the sidebar is set to slide under on mobiles screen width under this media query: @media screen and (max-width: 767px)

Thanks

toppbottom
Participant
#0

Per your instruction I have placed this in the custom css to have the “To the Top” button appear on my mobile phone, and although you have provided a screenshot, it still does not appear on my phone. I have an Android (Note 3). I am not sure if that matters, but what can I do at this point to get it to appear? Thanks in advance.


@media
(max-width: 768px) {
.td-scroll-up-visible {
display: block;
}
}

Lucian
tagDiv Staff

Hi,

1. An option for changing the footer text color hasn’t been added there due to the variety of the content you can add there. You can change the text color for module/blocks from panel and you can use custom css for the elements you want to change color of and don’t have an option.

2. That is not an issue as the widgets title are different from the blocks titles and were designed that way. You can also alter that space via custom css and adjust it as you like.

3. Use this css for that: http://screencast.com/t/NbnPWh7fH

@media (max-width: 767px){
.td-footer-container .td-pb-span4, .td-footer-container .td-pb-span8, .td-footer-container .td-pb-span12 {
padding-bottom: 0px !important;
}

.td-footer-container .widget_nav_menu {
padding-bottom: 0px;
margin-bottom: 0px;
}
}

4. Use this css for that: http://screencast.com/t/Or8noyKw

.td-footer-container .block-title > a, .td-footer-container .block-title > span {
background-color: red;
}

5. I will add this on our feature requests list, however we have almost 200 feature requests and we have to pick very carefully what we implement, thanks for the suggestion though, we will consider it.

6. Replied here: https://forum.tagdiv.com/topic/heading-slider-module-missing-in-mobile-version/#post-32694

7. We will take a look at this and fix it in next theme versions if we find something wrong wit it as I haven’t managed to recreate this.

Thanks

CasinoVergelijker
Participant
#0

In your documentation (http://import.tagdiv.com/newspaper/doc/) is pointed out a theme customizer with a sub menu called “Theme settings”.

I need this to switch on “mobile responsive”… as my website is messed up when i open it at my mobile device. But unfortunately my “menu” seems to be more limited than the menu in the example!

Lucian
tagDiv Staff

Hi,

I have tried to recreate this but haven’t been able. This could be fixed via custom css and use the media query’s to target just the mobile views and apply your custom css. Please also send your site’s URL so I can inspect this or use the media query below to target the mobile view and fix this via css.

@media (max-width: 767px) {
add here your css code
}

Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

1. You can edit td_module_single.php like this: http://screencast.com/t/D6GCBpOj
Result: http://screencast.com/t/7w6TirZju

2.Use this code to remove more stoires from mobile view:

@media (max-width: 767px) {
.td-more-articles-box{
display:none;
}
}

Thanks!

Viewing 25 results - 39,951 through 39,975 (of 41,416 total)