Search Results for 'mobile'

Hello joyceloh,

1) If you want to enlarge your logo size on your mobile mode, you should try a bit of CSS and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/Hu6ilCrf

@media (max-width: 767px){
.td-retina-data {
width:200px;
height:70px;
}
.td-main-menu-logo img {
max-width: 200px;
max-height:70px
}
}

The result you should see here: http://screencast.com/t/poBxwQrKrHr

2)If you want to reduce the padding-bottom and the margin-bottom you should also use a bit of CSS, like this:

.td_block_big_grid_3 {
padding-bottom:25px;
}
.td-a-rec-id-custom_ad_2 > div {
margin-bottom:25px;
}

The result you should see here: http://screencast.com/t/5Xfuc2l0nBEp

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details.

Thank you for the message!

Hi,

Where did you added the css code provided by Emil?
As I have checked this on your site and it doesn’t apply on mobile – tablets/destop – for phones is the default css – http://screencast.com/t/SHt0gcv34teb
Please add the code in Custom Css section(not advanced) – http://screencast.com/t/6pnCj5CJ4B

Thanks!

Hi,

Do you have this issue on mobile(I guess)?
Please switch to the main theme and see if you still have this issue. If the issue disappear please make a backup of your current child theme files and update it to the version provided with the theme files as from version 6.3 we have changed the system. You can find it in /code folder – https://forum.tagdiv.com/whats-included/
Let us know how it goes!

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to block an image on mobile devices, you can use custom css to hide it but it will still be loaded in the source just that it will not be visible.
The theme used the same thumbnails on blocks/modules even it is desktop or mobile(it is used just css to customize them on different devices) to not create so many thumbs for each device.

Thanks!

Hi,

The theme is responsive as it is fluid and style for desktop/tables/mobile screens unfortunately it doesn’t have any settings to disable background image on mobile(you can only hide it via custom css) and this option is from Visual Composer(background to the row/column).
For css you can differentiate phones an tablets using media queries – https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
For php you could use this function – https://codex.wordpress.org/Function_Reference/wp_is_mobile

Thanks!

Hello,
if you managed to insert the desired text/code and it works on your desktop version, then you can use css to hide it on desktop and only display it on mobile/tablet. For this you will need to edit the code a bit and add a css class to it so it can be targeted. Then you can use css like so:
@media (min-width:1140px){
.customclass{
display:none
}
}
This will hide your code for the desktop version of your website.
I hope this helps.
Thank you!

Hello colgate,

If you want to disable all the sidebars in mobile and tablet mode, you need a bit of CSS to hide this option. Plase try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/5iPUuNZoso3l

@media (max-width:1018px){
.td-ss-main-sidebar {
display:none;
}
.td-pb-span8.td-main-content {
width: 100%;
}
}

The above code is only for posts. If you want to hide them for pages, it is not a simple task because it is not easy to target the sidebar class and it depending on how you set the sidebars for pages. As a method to add the sidebar for pages would be with Visual Composer and with Wigetsized element, like this: http://screencast.com/t/dXPluCP9xJy and you can try the code below:

@media (max-width:1018px){
.wpb_widgetised_column {
display:none;
}
.td-pb-span8 {
width: 100%;
}
}

The result you should see here: http://screencast.com/t/tYMlNthWcx

Hope this helps and let us know how it goes!

Thank you for the message!