Search Results for 'mobile'

Hi,
We know about that issue and don’t have a solution, the problem is simple on desktop you have one slide(4 posts) on mobile obvious you will have 1 slide to, but is a normal slide and contain only 1 post.

A solution is to increase the big slider post number with multiplier by 4 like

4 posts – 1 slide
8 posts – 2 slides
12 posts – 3 slides

or

you can hide the slider on mobile if you want via CSS.

Thanks for the message!

Hi,
You can use this CSS, add it in Theme panel -> Custom CSS

@media (max-width: 767px) {
	.header-logo-wrap {
		display: block;
	}
	.header-logo-wrap img {
		display: block;
	}   
	.mobile-logo-wrap {
		display: none;
	}
}

but the logo if at the top. To move the logo bellow the menu you need to make some code changes.

Thanks for the message!

Hi,
1. You need to set the block to show 3 post and if you use next prev ajax or load more button http://screencast.com/t/icj0autHV2 this will load the following posts, but this don’t have a limit in your case 10 and stop.

2. You need to inspect your site and see the selector for the Block 2 and hide is from CSS using display: none for mobile, you have in Theme panel -> Custom CSS this: http://screencast.com/t/sjeNacfQ that you can use for custom CSS only for mobile.

If you don’t manage the CSS part, give us your site URL to take a look and we will provide you the right CSS

Thanks!

Hi,
The logo is in that position like in our demo, do you need other position for the logo. Give us more details.

Thanks!

Hi,
The theme have in theme panel to choose black or white icons for the menu. I see that you use the white version and i gave you a CSS to switch to black version on mobile.

I can give you if you want a screenshot to see that the solution above works. The size of the sprites are the same for black or white version.

Thanks for the message!

Hi,
If more people will require this we will take a look for the future updates. Thanks for the message!

Hi,
Add this CSS in Theme panel -> Custom CSS

@media (max-width: 767px) {
  .td-menu-header .td-sp, .sf-sub-indicator{
    background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements.png');
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .td-menu-header .td-sp, .sf-sub-indicator{
    background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements2x.png');
  }
}

Replace this: http://screencast.com/t/uSbxUnLN

Thanks!