Search Results for 'mobile'

Hello,
I have checked your website and did not see any errors with the grids. They display fine and responsive. The only difference is the scrolling option. The big grid does not have a scroll feature. The other big grids do. This is how they were designed for the mobile version.(you can scroll the bottom part of the grid on your mobile phone) http://screencast.com/t/VZoaqwEsv0e
Thank you!

Hello George,

Unfortunately if i remove the white space from the mobile version, you will no longer have the scrolling logo. It is defined in those white spaces under the main logo.
You could use this code and give up the scrolling logo for the mobile version:

@media (max-width: 767px){
.td-header-menu-wrap-full{
display:none
}
.td-main-page-wrap{
padding-top: 5px!important;
}
}

result: http://screencast.com/t/pI1XSwdlm
Unfortunately it’s either white space or no scrolling logo. This is how the menu is set up.
I hope it helps
Thanks.

Hi,

Please remove the second code and replace it with this one:
.td-icon-mobile{
display:none!important;
}
Regarding the gradient border, you already have it in desktop and mobile:
http://screencast.com/t/iKWk0c0nu – http://screencast.com/t/rKL9qdqYa8E

Thanks.

Hi 84KcZ,

By default the theme doesn’t display the top bar on mobile devices, but you can use custom Css in Theme panel > custom css to display the top widget, like that: http://screencast.com/t/XOWNRilgrU

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

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

Thanks!

Hello Anand,
You can achieve these goals by using this custom css. It makes the trending now block not clickable and enlarges the display area for text on the mobile version.

@media (max-width: 767px){
.td-trending-now-post{
overflow:visible!important;
}
.td-trending-now-display-area{
height:45px!important
}
.td_block_trending_now {
padding: 4px 0 4px 0!important;
}
}
.td_block_trending_now a{
pointer-events:none
}

Thanks.

Hello,

Unfortunately we do not have different versions of the theme for desktop/mobile. The same post you set in the desktop version is going to be shown in the mobile one. You could try to find a plugin that changes the theme on the mobile version but we cannot assure it will work because we have not tested these plugins. If you cannot find a plugin that works, you will need custom modifications to get it done and unfortunately we cannot offer any custom work at the moment. You can hire a freelancer to do it for you if you want from sites like studio.envato.com

Thank you for your understanding.

Hi blandRepublic,

Unfortunately, there is no option to change this from Theme panel. In theme panel you can change only the color for top bar social icons and mobile menu icons, like this: http://screencast.com/t/andjE7L3

For change the footer social icons it is necessary to use custom Css. Please try the code below and change this with color as you like. Add this code in Theme panel->Custom Css area, like this: http://screencast.com/t/BFbCLQEe4Z

.td-footer-wrapper .td-icon-font {
color:red;
background-color: green;
}

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

Thanks and let us know how it goes!

Hello,

1) You can use this css for the desktop version:
.td-main-menu-logo img{
margin-left:128%!important
}
You can use the same method to apply it to the tablet and mobile version of your website.

2)You can hide it using this code:

.td-header-menu-wrap-full{
display:none!important;
}