- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
why is that problem in MOBILE section of Google PageSpeed?
Hi
I’ve added the logo as a menu item that comes into view when I scroll down on the page (after following these instructions: https://forum.tagdiv.com/topic/moveplace-logo-in-menu-when-scrolled-down-and-menu-fixed/).
1. However, the image doesn’t show in the menu when I zoom in until the category menu button changes from three lines to nine small squares (mobile view). I would like the image to follow in the menu bar when I scroll down on a mobile device, as well.
2. How do I make the menu-image center-aligned? I’ve tried to modify the ‘display: block;’ line in CSS, but with no luck.
Thanks,
Are
Marius, I’ve followed your instructions, and it works great on desktop.
1. However, the logo-menu-image doesn’t show when I zoom in until the category menu button changes from three lines to nine small squares. I would like the image to follow in the menu bar when I scroll down on a mobile device.
2. How do I make the logo-menu-image center-aligned? I’ve tried to modify the display: block; line, but with no luck.
Thanks,
Are
-
This reply was modified 12 years by
atflaten.
1-) these posts difference is just in different categories but when i do pagespeed test to these their points are different. why is that?
http://silahgalerisi.com/avlanma-ve-avcilik/avcilik-hakkinda-ansiklopedik-bilgiler/ –> (in this some CSS files are on head MOBILE & DESKTOP)
http://silahgalerisi.com/tabancalar/fn-five-seven-tabanca/ –> (in this some CSS files are on head MOBILE)
i deactivated the cdn it’s not about it.
2-) http://silahgalerisi.com/silah-resimleri in that page i’m using lazyest-gallery but when i add the css ids to speedbooster, they are still on header. so i changed the gallery plugin’s functions.php for use these just on /silah-resimleri page but i want to send css files to footer like other plugins which i done with speedbooster 🙂
Best Regards
@radu
If you want to keep the whole image and not just have a really zoomed in image, then keep td_module_slide_big.php as is, and simply add the following code to your CSS. You can see how it turns out at my testing site: http://www.teabear.com/sandbox/
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
min-height: 190px !important;
}
}
perfect! Thanks 🙂
The Responsive Google Ads code seems to work ok in Chrome and Firefox. However in Safari they ALL seem to be 300×250 rectangles (and not 728×90 in places that would allow for that) and the top ad does not seem to want to display.
I do have ‘do not display on mobiles’ set on the top ad. Turning this off the ad appears but as 300×250. This seems to say it thinks the Safari Browser is a mobile phone…
Does this seem likely? Is there a fix for this or some setting to change?
Hi,
Edit td_module_slide_big.php file like here http://screencast.com/t/2PP0ElYr
art-slide-small
Add this in CSS panel:
@media (max-width: 767px) {
.td_block_slide_big .iosSlider-col-3,
.td_block_slide_big .iosSlider-col-3 .item {
height: 340px !important;
}
}
Thanks for the message!
Radu,
Thanks for putting me on the right track!! This will work perfectly for what I am looking for!
Cheers
Chris
WE ARE THE TAGDIVERS WE ARE THE BEST 😛
I worked to do that for 2 days. It was worth 🙂
Now the last problem is single post’s mobile pageinsight css files on header problem.
@radu please help for that and we will rock the google 🙂
Hahaha i did it finally, i have social sharing buttons with PageSpeed %100 🙂
the Radu’s suggestion is finally works i have write the css id wrong, i fixed it and it works.
Use WPSocialite plugin and add it to tag speed booster plugin for move footer 🙂 (you have to do the “When Scroll, Run js” from the plugins settings.)
@radu you have to sticky that post because every one have to solve that Social Sharing PageSpeed problem 🙂
Best Regards
you can check my pagespeed scores my website is
Edit: When i test it 10 mins before it is %100 for all mobile pages but now it is saying there is problem with different css in just mobile? where can i do it for mobiles too?
-
This reply was modified 12 years by
cagdas. Reason: mobile responsive problem
agree
Hi,
is it much work to make the slider on mobile taller? I’m thinking 2 x the height it’s currently set at
Hi,
you can try this code (add it via themepanel -> css). It will make the logo a bit bigger. I cannot move it in the same line with the buttons :|. If you want to adjust it’s size play with the 142% value (for size) and -20% (for centering)
/* responsive phone */
@media (max-width: 767px) {
.td-logo {
max-width: 142%;
position: relative;
left: -20%;
}
}
Hope this is ok,
Radu O.
Hello @kazantipman
Please can you give us your site URL to take a look. To adjust the logo for mobile you can modify here: http://screencast.com/t/Ui1OINySbJ in style.css
Thanks all for support!
We need to add it in the panel, we prepare an update in 2-3 days that will include this to.
Thanks for your patience!
Have a nice day!
I have adopted style 3 for my header on http://www.abritandasoutherner.com and am really happy with how this looks on the desktop version.
However, when using this on the mobile version I would prefer to have the header/logo beside the navigation button and search button rather than directly above it. Is this possible?
Alternatively, if this is not an option, is it possible to increase the height of the header on the mobile version, whenever I view this on my iPhone in portrait mode, it appears fairly thin (height is only 39px)?
Any suggestions would be appreciated!
Cheers
Chris
Hello kazantipman
Look in the Style.css
Line 668-685
You have to find this code
@media (max-width: 767px) {
.mobile-logo-wrap img {
width: 170px;
position: absolute;
right: 10px;
top: -3px;
display: block;
Just add z-index: 9999; in the end, after display: block;
it should be like this
@media (max-width: 767px) {
.mobile-logo-wrap img {
width: 170px;
position: absolute;
right: 10px;
top: -3px;
display: block;
z-index:99999;
AND SORRY FOR MY ENGLISH, JUST TRYING TO HELP 🙂
BaBa Baker
me to?
Is there any quick fix? I want to activate it for my website.
Any chance I could get that solution as well? Thanks!
Hello,
We have this implemented but we forgot to put it in the Theme panel. We will add it in the next update.
Thanks for the message!
Hello,
We will add this option in Theme panel to enable/disable swipe menu. This is implemented but is not added to the panel 😐
Thanks for reporting this!
Just to recap for anybody reading this thread: Revolution slider is a slider from ThemePunch (look it up on the web– it’s a popular commercial product: http://www.themepunch.com/codecanyon/revolution_wp/ ); it’s one of the various “slider apps” (featured “slide show” that “slides” – like a PowerPoint app, or a “featured stuff” element) included with the theme. Some people like one slider, other folks like a different one. Some allow only images, some allow CSS blocks (text+images). Some people like to have latest stories “slide” although many find that annoying and prefer static elements.
I believe the 2x “demo” uses static featured images on home page (don’t know which “block” off top of my head). I don’t think any of the theme demo pages use the sliders. I’m sure Radu included them as a selling point, but also for those moving from another site to use the sliders, which some people love, some people hate. Most news sites don’t use them anymore (think CNN, NY Times, LA Times, Daily Mirror, etc.). It’s more commonly used on business/ecommerce now and *not* for news/magazine portals, as it often has a bad UX (user experience) on mobile for “above the fold” content. So, great for GoDaddy home page, bad for a newspaper.
As far as I know it’s (Revolution slider) only used by theme to build a slider for home page or custom page, if so desired. If you’re not using it already, then no need to use it unless you want to. Sliders are NOT used to build menu items. But the demo page shows what it’s good for (link above), for those who’ve never looked at that.
MANY theme developers use this slider, or the bootstrap slider, and/or woo slider and include them with commercial product (e.g., “Newspaper” theme).
Sorry to ramble on there … hope that made sense.
UPSHOT: no “slider” used with theme would normally have anything to do with menus, navigation, or the like.
The “slide out” menu used by theme is simple CSS/dhtml/less stuff, and doesn’t need a plugin to do that.
-
This reply was modified 12 years by
simchris.
it certainly is!
It’s strange. On a previous install my menu went boom when i deactivated the slider so i assumed it had something to do with the mobile menu.
So I’ll have to ask, What exactly is it doing? Is it used on the demo site at all?