Search Results for 'mobile'

If you look at the v 4.4 ‘changelog’ that comes with the theme, you will see that the 980px layout has been deprecated (retired) in order to make a better grid system more compatible with wider range of mobile devices, and for those who want more options for columnar layouts, likely based on how Bootstrap 3 is setup.

For now, you would need to stick with 4.22 or 4.3 in order to keep that style you’re looking at using.

Put another way, there is no longer a 980px grid in the theme.

Yes, it was in my theme panel. I moved all the code from theme panel an added it to css file and with iphone it’s ok now..the same with Opera, but i don’t know what else to do, maybe it won’t be a big problem for users i hope.
I’ll try one more thing, to move all this code to main theme..

Btw, when i add or change something in theme panel all this code appears pretty much on the top of my source. So maybe for speed it’s better to add it to css file? What would you suggest about it?

Hi Lucian,

I forgot to enable the mobile menu – now everything is working!

Thank you so much!

I will rate 5 stars 🙂

Carolin

Yes, very bizarre. Must be an issue with Italian sites and Google in Europe, perhaps due to some odd translation issue, or just an idiot at Google who doesn’t actually know what he/she is talking about. A “class name” can’t impact an image loading in Google News. Google cannot specify what classes are used by websites, and “thumb” is a common term used for any image. Since Google “scrapes” the actual image ON THE PAGE, it only looks for an image, and the style “class” used for responsive design to set percentage widths for mobile resize, would not make any sense whatsoever.

However, if Google News is TELLING you that, then you should do what they say apparently.

Truly bizarre!

Sorry I wasn’t able to give better help previously on that, as it made no sense in context of the past decade we’ve been in Google news since it launched in BETA. Our sites were among the first in the world to have images loaded into Google News. SO, I’m not just guessing on anything … this note from them on the “class” name really doesn’t make sense from our own experience. Weird.

Hi Lucian,

first, thank you so much for your support! Your provided code works – and it doesn’t work. The menu is floating right and it reacts responsive. But for mobile it is still not visible. (By the way, the logo is “jumping” around when the browser is shrinked.

Do you have one more advice?

Thank you,
Carolin

Hi Lucian,

thanks for your help. I tried your css and it works. But when I move the top header menu items to the right (using this css):

header menu
*/
.td-full-layout .td-header-menu-wrap,
.td-boxed-layout .td-header-menu-wrap .container {
background-color: #2b2b2b;
padding: 2px 0 4px 890px !important;
}

The top header menu is not visible on mobile. Do you have any idea how to show the top header menu items on the right AND showing them on mobile?

Thanks a lot,
Carolin

Ook, i don’t know, maybe it’s cache or something…
I use this, right?

@media (max-width: 767px){
.header-logo-wrap .header-logo-wrap img {
display: inline !important ;
}
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
.entry-crumbs {
display: block;
}
.post header h1 {
margin-top: 17px !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.td-header-bg .header-logo-wrap {
width: 295px !important;
}
}

Play around by adding different logos to the Retina section. For example – assign on logo for 1x and a completely different logo to 2x (retina). Then view your site on mobile, and see which logo appears. You can then know what to put where.

You would likely need to remove the CSS from the theme for the responsive @media viewports.

Responsive design is better for SEO, and Google actually dings you for not having mobile friendly site now, and with more and more people doing their web surfing on mobile devices, it isn’t advisable to “turn it all off….”

But you can hack the style.css sheet to remove the @media points for other sizes, and see if that works for you.

Since the theme is sold as designed for responsive design, you could also look for a fixed layout theme, perhaps; but I’d try hacking the style.css sheet first 🙂

@Lucian: That’s the problem! I have already uploaded a mobile logo but it isn’t still showing the mobile logo on the smart snap menu. Please take a look at it perfectly. There might a bug