Search Results for 'mobile'

@andrei_luca. The big code you provided is not working- can you help me with the code?
Unable to get top bar menu aligned in a center for mobile. Its just start from left.

• This reply was modified 10 years by Bluehacks.
• This reply was modified 10 years by Bluehacks.
• This reply was modified 10 years by Bluehacks.

Thank you very much! Helped! But in the future well to the mobile version the possibility of all the menu was available.

Hi Andrei,

Thank for the reply.

Yes, I want to display content for mobile and tablet only, however, a bit more complex, I will try to be more details:

( In my test: Tablet Landscape treated as Desktop, Tablet Portrait treated as Mobile, so I don’t care about Tablet Landscape )

Data structure:

Desktop: contents A
Mobile: contents B
Tablet ( Portrait only ): contents B

So I want Mobile and Tablet Portrait show the same contents but If I use only td-visible-phone, users on Tablet won’t see it, so I have to use both td-visible-phone and td-visible-tablet-portrait every time, the code is too long and not good for optimization.

Your code above seem to work, will it work for my case ( and could you explain more in css and html? ) ?

Thanks

HI

Not sure what you mean, but if you want to display some content only for mobile and tablets, you can use media queries like here: http://screencast.com/t/RS1cykl3QU

@media (min-width: 1021px) {
.td_block_1 {
display: none;
}
}

If this is not what you mean please provide more details, also a some images will help a lot.

Thanks!

thanks for the answer. Very strange that the menu is, but the mobile version does not show it. My website ibcm.biz
We need to show the top menu in the mobile version near the top menu.

Also, you can see that the page is broken on mobile here too.

https://developers.google.com/speed/pagespeed/insights/?url=vrux.co&tab=mobile

-steve

Ok, so now I’ve fixed the first issue, but it’s not yet fixed on mobile. Where’s the code I need located to do the same fix I applied for mobile?

Thanks!

Hi,

Thank you so much, it works! I got one more question:

My Mailchimp form won’t appear on mobile, do you know why?
Here’s the code.

Thanks.

<<!– Begin MailChimp Signup Form –>
<link href=”//cdn-images.mailchimp.com/embedcode/classic-081711.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css”>
h1{ position:center;}
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }

</style>
<div id=”mc_embed_signup”>
<form action=”//healthills.us11.list-manage.com/subscribe/post?u=ce8bee94e661810bed5419e47&id=81426b9ae7″ method=”post” id=”mc-embedded-subscribe-form” name=”mc-embedded-subscribe-form” class=”validate” target=”_blank” novalidate>
<div id=”mc_embed_signup_scroll”>
<h1>SING UP FOR HEALTHILLS’S NEWSLETTER</h1>
<div class=”mc-field-group”>
<label for=”mce-EMAIL”>Email Address </label>
<input type=”email” value placeholder=”Email” name=”EMAIL” class=”required email” id=”mce-EMAIL”>
</div>
<div class=”mc-field-group”>
<label for=”mce-FNAME”>First Name </label>
<input type=”text” value placeholder=”First Name” name=”FNAME” class=”required” id=”mce-FNAME”>
</div>
<div id=”mce-responses” class=”clear”>
<div class=”response” id=”mce-error-response” style=”display:none”></div>
<div class=”response” id=”mce-success-response” style=”display:none”></div>
</div> <!– real people should not fill this in and expect good things – do not remove this or risk form bot signups–>
<div style=”position: absolute; left: -5000px;”><input type=”text” name=”b_ce8bee94e661810bed5419e47_81426b9ae7″ tabindex=”-1″ value=””></div>
<div class=”clear”><input type=”submit” value=”Subscribe” name=”subscribe” id=”mc-embedded-subscribe” class=”button”></div>
</div>
</form>
</div>
<script type=’text/javascript’ src=’//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js’></script><script type=’text/javascript’>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]=’EMAIL’;ftypes[0]=’email’;fnames[1]=’FNAME’;ftypes[1]=’text’;}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!–End mc_embed_signup–>
>

Hi

By default the theme doesn’t display the top bar on mobile devices but you can use this custom css in theme panel > custom css to display it: http://screencast.com/t/edqs9T92

@media (max-width: 767px) {
.td-header-top-menu {
display: block!important;
padding: 7px;
}

Note that you may need some additional css customization to the layout, as the top bar wasn’t designed to be displayed on mobile devices.

Thanks!

Ha, I figured it out. Did not need to change the code you provided with. I just went into the theme panel and just disabled the social icons from the top bar and they were gone on both desktop and mobile. I have the social icons showing in footer. That is solved.

I was wondering how to remove the social icons from the top in this code. What needs to change in code to remove the social icons on mobile?

Hi

By default the avatar image is centered on mobile devices, you can check that on our demo: http://screencast.com/t/X07ZAq8nUHI Try to clear all caches, deactivate the plugins, except Visual Composer and test this again, also make sure that you’re using the current theme’s version available on themeforest which is V2.2.
Let me now how it goes and if the problem persist please provide your site url so I can inspect it closer.

Thanks!