Search Results for 'mobile'

Hi,

You can use custom css in Theme Panel > Custom Css to make this change, but please note that making this change it won’t change the position for mobile menu. It still will be opened on left side.

Thanks!

• This reply was modified 11 years by Alin [tagDiv].

Hi,

Do you want to make them larger? – http://screencast.com/t/szPmbs3rO
If you want this only on mobile please use media queries:

@media (max-width:767px){
.ui-tabs-nav a {
padding: 4px 40px 4px 40px !important;
}
}

Change the padding how you need and add the code in Theme Panel > Custom Css.

Thanks!

Hi,

I don’t recommend to reduce to decrease this padding as it is part of the grid width. Modify it you will need to modify also the width of the theme. Unfortunately Newspaper has an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. So changing the width would not be easy as it needs changing the width value for all elements on pages and for this you would need custom work.
The space above you ad can be reduced using custom css as there is a css that it is applied on custom ads: http://screencast.com/t/QZaw3ePO

.page .td-grid-wrap .td-a-rec-id-custom_ad_1 {
margin-bottom: 10px;
}

Change the number if you use a different custom ad and also if you use adsense code you have to use this class(change a with g) .td-g-rec-id-custom_ad_1

Thanks!

Hi,

What theme version do you use? As I have checked this with your logo and did not found any issues – http://screencast.com/t/6ZeFHKl3Fa
The latest theme is 4.6.3 and the latest version of Visual Composer tested with the theme. Please use this guide if you need to update (FTP method) – https://forum.tagdiv.com/how-to-update-the-theme/ and update also the theme’s plugins that come with the theme’s files from /plugins folder.
You can try this custom css if you don’t want to update the theme – http://screencast.com/t/TFLiNWd0

@media (max-width: 767px){
.mobile-logo-wrap img {
width: 150px !important;
top: 0 !important;
}
}

Thanks!

Hi,

I’ve also tested this on various browser’s (IE, Firefox, Chrome, Safari, Opera) on different OS and found the expected behavior. On your site all work the same way, I haven’t found any differences between browsers as you’ve reported – the menu stays fixed at the top of the page when scrolling down and snaps on mobiles when you scroll up so it means you use this option: http://screencast.com/t/F5mztMIbnj

You need to use this option: http://screencast.com/t/DSshlFG6hwS to make the menu always snap on mobiles and desktop also. The same behavior you can find on our demo site: http://demo.tagdiv.com/newspaper/ – it uses the “smart snap (always)” option which makes the menu always snap when you scroll up. If you need other functionality for this we suggest you get a freelancer to implement it for you as you need additional customization for it.

If you already use this option and this is the result you have let me know.

Thanks

Hi,

Thanks Chris!

@Samm You can try this custom css to reduce the size of articles box on mobile – http://screencast.com/t/o5ZALedkJIR

@media (max-width: 767px){
.td-more-articles-box-title {
min-width: 170px !important;
}
.td-more-articles-box {
width: 200px !important;
padding: 15px 5px 0px 5px !important;
}
.td-close-more-articles-box {
left: 0px !important;
}
}

Or you can hide it if you want to not be displayed on small screens – http://screencast.com/t/zUXUBfos

@media (max-width: 767px){
.td-more-articles-box {
display: none;
}
}

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to disable sidebar on mobiles, but you can hide it via custom css:

@media (max-width: 767px){
.td-main-sidebar {
display: none !important;
}
}

Thanks!

Hi,

Once again when the smart snap mobile is active the main menu remain fixed on desktop screens(when you scroll up or down) and on mobile appears only when you scroll up. We check your site many times and it is working properly, please clear cache.

1. Please try this custom css to hide “to top” button: http://screencast.com/t/TIfAu6B4kt8

.td-scroll-up-visible {
display: none !important;
}

2. Also for h5 you can change the font size using media queries: http://screencast.com/t/Zzrwvc46gj

@media (max-width: 767px){
.td-post-text-content h5{
font-size: 20px;
}
}

Thanks!

Hi,

Yes, you can display it using custom css as the top menu was not designed for mobile devices that’s why is hidden.
You can add this custom css to display it also on mobiles but you may need some additional customizations for menu items that may drop on more rows – http://screencast.com/t/rHnQKiUT

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

A solution will be to hide some top menu elements(if you want only menu to be visible) using media queries – http://screencast.com/t/E7jiGxvPO6Co – this is an example

@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important;
}
.td-header-menu-wrap .td_data_time, .td-header-menu-wrap .td-social-wrap, .td_ul_login {
display: none;
}
}

Thanks!

Hi,

Our ad system was designed to work with adsense code, if you don’t use adsense code you will have to use these divs to display your banner – https://forum.tagdiv.com/ads/ as the ad options to disable and size work only with adsense code.
So if want your banner to be visible only on mobiles you can try to use this div:

<div class="td-visible-phone">
your code
</div>

Thanks!

• This reply was modified 11 years by Alin [tagDiv].