Search Results for 'mobile theme'

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.

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!

Average size for a complex theme is actually about 550KB these days as it combines multiple sizes, shapes, options, layouts, mobile/responsive, etc.

Visual composer is also a bit big.

However the actual footprint is much smaller for web browser via gzip and also with caching in the cloud (e.g., Chrome will cache your data if enough hits come from Chrome users, etc.).

You can also manually “minify” the main CSS file using the tips/tricks from my sticky post on site optimization.

But yes, it’s a bit big for all those features people have asked for (demanded?) — so, there is a lot going on, but it’s better than loading 10 diff. CSS files as it’s actually more efficient for one “packet” …

and some data is actually inlined automatically to help with pagespeed/rating.

There was a post exchange a while back for v4 where I’d asked about what we could “take out” if not using bbpress, woocommerce, multisite, or other things to “trim it” and that would be a good tutorial for Radu or somebody to tackle in a
“what can I take out of the main CSS file”
“what can I take out of the main includes-functions file”

as those are the two big payloads other than visual composer.

Chris

Hi,

I see mobile theme has messed up for ViralBae.com.
I’m unable to see logo in menu bar. Also i see it floats only when we scroll up but not down.
Please could you advice.

Thanks!

i have bought your theme from themeforest and its really Awesome .. but after theme installation, i got some issues in my theme with thumbnails and post image .. they are not working properly . could you look on it and solve my problem ..

here i have installed : http://latestmobilebuzz.com

Hi

You can modify the image size for mobile devices usng custom css in theme panel > custom css: http://screencast.com/t/cBB0QfDs – http://screencast.com/t/Qf8MewSQh

@media (max-width: 767px){
.page-id-155 .container-fluid .wpb_wrapper p a img, .page-id-383 .container-fluid .wpb_wrapper p a img, .page-id-383 .container-fluid .wpb_wrapper p img {
width: 230px;
height: 180px;
margin-left: auto;
margin-right: auto;
display: block;
}
}

You can modify the width and height as you like. Let me know how it goes!

Thanks!

Hi

The theme doesn’t display the background image on mobile devices, as was designed with a full width layout. To change that you will need custom modification in theme’s core files and if you don’t know how to do it yourself my advice is to look for a developer from sites like: http://studio.envato.com/ to do it for you, as we cannot offer any custom work at this moment, sorry.

Thanks for the message!

Hi all,
Here’s what I did step by step to add a custom Whatsapp button:

1. Created a child theme, added an includes/module directory
2. Copied td_module_single.php file from theme’s original location (/wp-content/themes/Newspaper/includes/modules/td_module_single.php)
3. Added FA awesome menu plugin
4. I wanted to keep pinterest but you can delete as well. So, I kept pinterest and below that, I added the following code (before closing div):

<i class=”fa fa-whatsapp fa-lg”></i>

5. Go to custom css area of your theme panel, and add these:

.td-social-whatsapp {
background-color: #60b82d;
}

.td-social-whatsapp .td-icon-whatsapp {
font-size: 24px;
position: relative;
top: 2px;
left: 1px;
}

.td-social-pinterest {
margin-right:8px;
}

@media (min-width: 787px){
.td-social-whatsapp {
display: none !important;
}

6. Voila! Now you see Whatsapp icon only on tablets and mobile – don’t worry if you don’t see it on your desktop.

Good luck

Hi

We couldn’t implement the feature that play all playlist videos automatically, for mobile devices, because the theme’s js can’t control the mobile player to alter its functionality, so that all videos that follows after the video being played also be played automatically, as on desktop.

Thanks!