Search Results for 'mobile'

Results from the Forum
gomerblog
Participant
4.5 Issues - topic
#0

Hello after updating to version 4.5 because of mobile issues seen in this forum I now am having multiple issues:

Our taboola ads are not showing up. This is the code I had in previous loop-single.php and it worked great:

    <div id="taboola-below-article-thumbnails"></div>
<script type="text/javascript">
  window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'thumbnails-a',
    container: 'taboola-below-article-thumbnails',
    placement: 'Below Article Thumbnails',
    target_type: 'mix'
  });
</script> 
  <div id="taboola-below-article-text-links"></div>
<script type="text/javascript">
  window._taboola = window._taboola || [];
  _taboola.push({
    mode: 'hybrid-text-links-a',
    container: 'taboola-below-article-text-links',
    placement: 'Below Article Text Links',
    target_type: 'mix'
  });
</script> 

Also the menu doesn’t snap to the top despite the option clicked. The menu words now have an annoying blue bar under it when mouse over, and the menu still doesn’t work on mobile. Thanks for your help.

simchris
tagDiv Member

Caching is usually the culprit in most things like that. Always good idea to disable all caching before doing updates otherwise you end up loading mix of old stuff and new stuff, as you likely discovered. We had the same issue while running mod_pagespeed, and I learned my lesson on that 🙂

menteil
Participant
#0

Hi,

I have a problem with mobile logo not showing if use Blog Style on Header Style. Its ok if i want to use others Header Style.

Thanks for your help.

Anonymous
tagDiv Member

I think disabling and reenabling the cloud flare plugin may have solved this issue.

Anonymous
tagDiv Member

Was this fixed as I just applied the 4.5 update and it has ruined my mobile version which now displays the wrong icons in the menu: http://epictutorials.com

It works fine on desktop version.

Thanks for your help
Eliot

Anonymous
Inactive
#0

Hi
url: http://epictutorials.com

Since updating to 4.5 the web version has the wrong icons for the menu bar as pictured: http://www.screencast.com/t/Q7Cyf4dB1B3r

Also the slider no longer works: http://www.screencast.com/t/QfezjjrC6k

Could you help me fix this please?

Thanks

monicacortes
tagDiv Member

Solved!

Thank you, Lucian.

Lucian
tagDiv Staff

Hi,

This is happening because the logo it’s missing or not found: http://screencast.com/t/hvHeakNxhAO
Please make sure you have added the logo right in theme panel.

Thanks

  • This reply was modified 11 years by Lucian.
Lucian
tagDiv Staff

Hi,

1. Please use this css: http://screencast.com/t/5EenmywC

@media (max-width: 500px) {
.td-grid-wrap .post p b img {
float: left !important;
margin-right: 23px !important;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: 50px !important;
width: auto !important;
}
}

2. You can try this css, this how it will look on desktop and tablets: http://screencast.com/t/gDgnS2jHD3
This is how it will look on mobile: http://screencast.com/t/j9RW2TjT4G

This is the css:

.td-header-bg {
height: 240px;
}

@media screen and (max-width: 767px) {
.td-header-bg {
height: auto !important;
}
}

Hope this helps!

Thanks

Lucian
tagDiv Staff

Hi,

I have checked your site on different mobiles but didn’t find any issues with the “events calendar” it looks good to me:
* http://screencast.com/t/X0ugYM9YsdaE

This test screen is at 200px width and still shows fine: http://screencast.com/t/YjtdXGnvfwOO
Please let me know if you have tested this on other devices and found issues with this.

Thanks

monicacortes
tagDiv Member

Hello Lucian,

I’m sorry but the problem is still there. I think you have resized the browser screen on your computer.

http://marronyblanco.com/

But if you access to our site from a mobile phone (we are using Chrome on Android), the logo is missed, both in the fixed header and in the floating.

https://www.dropbox.com/s/kn5xsscyrwcekq0/Screenshot_2014-10-17-09-09-41.png?dl=0

Please, we need a solution for this.

Thank you in advance.

adhi
tagDiv Member

css for make full width background is working sir…
thanks

but i have problem for make the title on one line if on mobile, 1 line if view from desktop, and if view in mobile make 2 line but line spacing is bad… can you give me css for make line spacing if cute?

for i mean i like this :
http://4.bp.blogspot.com/-39HPKV5TjH4/VECacCbZ7-I/AAAAAAAAAnc/Dn1ta8Ju5Pc/s1600/problem.jpg

Thanks

PowerM
Participant
#0

Hi there,

I have two issues with my site currently.

If you look at my test site here.

http://www.vitalstrengthblog.com.au/webdev/how-to-get-abs-top-6-ab-exercise-mistakes/

1) I have inserted small number images for each point. They look fine on desktop, but when viewed on mobile, they expand and fill the screen. I tried modal on and off, but I can’t seem to fix this. My site has so many if these images and I need a easy solution to lock these images to size. Is there a solution ?

2) I want use the default header style (logo + ad) + menu, as I want the mobile version of the logo to appear on mobile devices. But I need to push down the header space, so you can see my background ad. If I use a transparent image it doest work, if I use an image bigger than 100 px in height it pushes the page content area down or it doesn’t appear at all and the header alignment fix is not doing anything (in theme panel). If I use header style 3, with a transparent image of 240px (perfect height i need) it works, but i get massive clickable area on mobile devices that goes back to home page URL (not good) and i lose the mobile logo on the banner.
I have tried your custom css for inserting a background image in the boxed layout, in theme panel, but that doesn’t do anything with linking my 240px height x 2px wide transparent png. Please note I don’t want a logo on desktop, I need transparent space, bigger than 100px high using style 1.

Thanks for your help.

rockcityrecord
Participant
#0

We have the Events Calendar Pro plugin and have gotten some css to help us with some theme compatibility issues, but we are still having problems with mobile view in portrait (landscape is fine). The calendar becomes smashed up and difficult to read in this view. Not sure if you can offer any insight on why this is happening, but any help would be appreciated.

lifestylemanoz
Participant
#0

Hi,

Just trying to understand why the Article title wraps to next line rather than stay on one line for the big slider heading. Is this as a consequence of mobile as the headings are a little large on mobile (samsung s3). Is there a way to change this without css customisation. I’m not keen on making to many customisations to the theme.
Here’s my new blog if you want to check it…
http://aikidohombu.com

Lucian
tagDiv Staff

Hi,

Thanks for sharing!
I can’t see a way on how you can easily do this, you would have to modify the code, and add conditions to detect the screen’s width and use other thumb size or build another page and enable it for mobiles only via js, either way it’s not an easy task.
Another way would be to use a plugin to manages and customize your mobile content, you could try WordPress Mobile Pack for example(I’m not sure if helps with adding a new image size on mobiles but you can go trough the description/FAQ and see what you can do to your site using it..) or another similar.
Leaving all these aside I don’t think you have to do this. If you look to the page-speed result the suggested fixes don’t specifically include changing the way images are loaded: "Properly formatting and compressing images can save many bytes of data" this manes that you would consider finding another way to properly format/compreess iamges: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization or you can go trough this topic as this issues where discussed over and over again: https://forum.tagdiv.com/topic/pagespeed/
Another matters which affects your page speed are this: http://screencast.com/t/0gVaRWv1CfVJ
so you should also consider fixing those also.
Hope this helps!

Thanks

nicoms91
Participant
#0

Hello to everyone. First of all I would like to make a tiny contribution to the forum. In found an excelente and free way to compress images. Just go to kraken.io and upload the images you want to compress. Their free service is really great.

My problem is that in mobiles versions my images are not properly resized and therefore google page speed is giving my site a low score. In my last post (where I use large images), the mobile version of the site did not change it size to adapt, so the score is the lowest I have ever seen: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fvivisaludable.com%2Festilos-cabello-tutorial%2F&tab=mobile

Is there a way to tell the site to resize the images for mobile instead using the original size (desktop). I have searched in the forum but I was not able to find a solution to this.

Thanks in advance!

Lucian
tagDiv Staff

hi,

If you mean that you want to show the mobile menu on tablet screens if the menu doesn’t fit on one line unfortunately that is not possible.
What you can do is to style the menu via css and make the menu font smaller or use smaller names for your menu items.

Thanks

mrmobile
Participant
#0

hi,

i have 9 items in the main menu bar, and in desktop view or mobile the menu working good, but in ipad landscape view the main menu split in 2 lines…

how can fix that problem?

i need if the screen width is smaller from my menu the menu change to mobile view id this is possible

thanx

craigmc
tagDiv Member

Hey Lucian,

When using header style 3 I would expect the desktop logo not to be shown on a mobile phone and the mobile logo to be shown in the mobile menu bar.

This does not happen, works fine with style 1 on mobile just not style 3.

Thanks

Craig

Lucian
tagDiv Staff

Hi,

I’m not sure I understand, when using the header style 3 on mobile the desktop logo will be placed in the menu bar on mobile devices, more exactly the mobile logo will not be displayed when using header style 3 and 6.
If this is not what you wanna point out please let me know and provide more details about this and your site’s URL so I can check this.

Thanks

monicacortes
tagDiv Member

Sorted, Lucian!

Thank you very much.

Lucian
tagDiv Staff

Hi,

Have you managed to fix this? I have checked your site and noticed that the logo dose appear on mobile and tables also:
* http://screencast.com/t/j8P6yXT5gLQ (mobile)
* http://screencast.com/t/M62oF6QpsFo (tablet portrait)
* http://screencast.com/t/BjyGUkXGJ (tablet landscape)
Please let me know if you have any other theme related issue!

Thanks

Lucian
tagDiv Staff

Hi,

The mobile icon it’s set to show up using js on click, some plugins may conflict with this and as a result this issue appears.
Unfortunately your CDN plugin may cause this as ut;s delivers cached files so please make sure you also empty cache and purge files.
Deactivate speed booster also, this may cause something like this also when used in conjunction with other plugins.

Thanks

Lucian
tagDiv Staff

Hi,

Do you still have any issues with this? I have checked your site and found no problems with it, it displayed and functions well from what I have seen: http://screencast.com/t/mFihB78o
Please let me know if you have any other theme related issues.

Thanks

Viewing 25 results - 40,226 through 40,250 (of 41,416 total)