Search Results for 'mobile'

When I do that, the ads look like this, not side by side, but one above the other: http://www.screencast.com/t/P1yfsvoaT6J5

And I want the ads like this: http://www.screencast.com/t/d5adyO8674y

The only way that i made that possible was with the code directly in the loop single, when i put the code in theme panel, with the command <?php echo do_shortcode(‘[td_ad_box spot_id=”custom_ad_1″]’); ?>
<?php echo do_shortcode(‘[td_ad_box spot_id=”custom_ad_2″]’); ?> the ads look like in the first image.

The problem is that with the code in loop single i can’t define just one ad in mobile.

Thanks!

I can’t do it in the Theme Panel, because I had to put the code inside the loop single.php directly. Here’s a example http://www.tabrutal.pt/ve-como-eles-estao-diferentes-o-antes-e-o-depois-de-34-celebridades/

And here´s the code: http://www.screencast.com/t/1XYnmuUUk

This is all right, the problem is in mobile, i can’t have 2 ads next to another, http://www.screencast.com/t/9dQdirWFE

Thanks!

I’ve worked on this solution. I’m not a great expert but it seems to work.

I’ve done this way because images with aspect ratio 180x135px are too high for mobile.

The only problem should be that it loads in background both 180×135 and 681×0 images and then only shows one of them, right? Since the images I want to hide on mobile are 180×135 (few KBs each one), it shouldn’t be a big problem for performance on mobile, and on PC the impact should be minimum as everyone should have a connection able to download quickly 6 681×0 images. Basically, performances should be almost identical if using M14 as default, right?

Of course, it would be better to load only the necessary image, but I’ve no idea if it’s possible.

td_module_10.php

		<div class="personal_hide_mobile_module_10">
            <?php echo $this->get_image('td_180x135');?>
		</div>
		<div class="personal_show_mobile_module_10">
            <?php echo $this->get_image('td_681x0');?>
		</div>

.css

@media (max-width: 768px) {
    .personal_show_mobile_module_10{
        display: inline;
    }
    .personal_hide_mobile_module_10{
        display: none;
    }
}
@media (min-width: 768px) {
    .personal_show_mobile_module_10{
        display: none;
    }
    .personal_hide_mobile_module_10{
        display: inline;
    }
}

• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.
• This reply was modified 11 years by daimpa.

Is there any way to hide this code on mobile version? I just want the 2 ads to show in Desktop or tablet version, in mobile i want to put just one ad.

———————————————————————————-

thanks for your answer ^^

So i have one more question.

How can i change layout in my mobile screen?

i wanna shown one big slider and under two column picture in mobile or small monitor.

but now just one column~

for example

now my theme is like this in mobile(when shown mobile screen)

one big slide and under just 1 column

but i wish like this shape in mobile

big slider and under column should separate~

like a masonry~

at the least shown 4~6 posts(2 column) in mobile screen

but now i can just 2 posts

So i will waiting your kind answer.

see you lucian ^^*

• This reply was modified 11 years by ohsec.
• This reply was modified 11 years by ohsec.

Thanks for your reply.

I did fix it, but now i have a different problem.

The reason i had custom css that hide all span4 is because on an RTL site, the sidebar appeared above the post content on mobile devices, so your solution (i saw it on another thread) was that custom css to hide all span4.

Now the recent posts apear on the Home Page, but the sidebar is showing as well.

Is there a way around this?

Thanks

What I am trying to do is hide the Quick Links section when viewed on a mobile device. I have added a media query in my CSS which is being used on the web site. It works when I resize my desktop browser but when I view the page on my mobile device (iOS) the Quick Links section is still displayed.

I am using the custom class .quick-links for the Quick Links section.

Any help would be appreciated.

I just tried that and it helps, but it still needs some improvement.

The logo is kind of shrunk with the 48px height, and I also need some padding above and below the logo.

How can I increase the the height of the menu area on mobile view? I can play with the height and the padding to make the logo sit nicely.

Thanks!

The navigation is broken on mobile (phones) as well.