Search Results for 'mobile theme'

Hi,

You can change the module to display more stories(try to set a module that will display fine article on mobile) and also the number of post displayed there – http://screencast.com/t/o9KYgiYhY0s1
Also you can hide more articles box on mobile using custom css in Theme Panel > Custom Css:

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

Or you can try to customize it on mobiles please check this as reference – https://forum.tagdiv.com/topic/more-articles-feature-and-ticker/#post-49477

Thanks!

Hi,

Please deactivate all plugins leave just Visual Composer active, empty cache and check if you still have this issue with mobile menu. Also if the issue disappeared please activate your plugins one by one and see which one caused that issue. If you use child theme please also switch to the main theme and check this.
Also please make sure that you use the latest theme version 4.6.3 and update using this guide(FTP method) – https://forum.tagdiv.com/how-to-update-the-theme/ and also update the plugins that come with the theme files from the /plugins folder.

Thanks!

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

Hi,

Unfortunately the theme doesn’t have an option for this, you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens. You can edit the style.css file and try to remove the @media query’s for phone. We plan to create/add an option, but I provide a date when this will be implemented.

Thanks!

Hi,

You need to switch and use the blog style header for the blog style stack: http://screencast.com/t/7J3SEkaTHHE and you can change the big/small images title excerpt from the big slider from theme panel: http://screencast.com/t/tAYe72iUaltC or use custom css to make the font smaller on mobiles and place you css code here: http://screencast.com/t/kzS9TansZq

Thanks

Hi,

1. Please also provide your site’s URL as I need to inspect your site so I can provide an accurate solution on this.

2. Unfortunately those VC column options don’t work but you can add a custom css class to that row/column you need to hide on mobiles like this: http://screencast.com/t/Y5B0S3wrEcje then use custom css to hide that row on mobiles or the viewport you want like this: http://screencast.com/t/69cIbmxcW
This is the css I’ve used you can set the “ttt” class your self and sue the css below to hide it and place it in theme panel > advanced css on the device you need to hide it.

.ttt {display: none}

3. That unfortunately can’t be done easily as the theme isn’t designed to support blocks in the header. For that section you can chose from the available header style in theme panel: http://screencast.com/t/cyp8hAYjdue or you can customize it as you like by hard-coding your design here: http://screencast.com/t/JqQQmxS6Q

Please note that in approximately two weeks the new version of the newspaper theme will be available with more customization options available for the top menu and more header styles from you can chose so you can decide then if you want to design your own header or use a predefined one.

Thanks

Hi,

Unfortunately Newsmag theme was initially designed at this width – 1021px – with 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.
If you have basic css/html experience and you want to do this for post pages please check this topic, but you may need additional customziations – https://forum.tagdiv.com/topic/728-x-90px-ads-in-article-inline-ads/#post-43914

Also do you refer to the non-responsive ads? We recommend these divs to be used for non-adsense code – https://forum.tagdiv.com/ads-system-full-guide/ but you can try to use a plugin if you don’t want to use those. Theme Ad system was designed to work with adsense code and make it responsive for different screen sizes, but also you can use shortcodes in Ads section, so if you you use a plugin for your ads just paste the shortcode there:

[shortcodes] – the spot will run do_shortcodes() on the ad. Using shortcodes you can add adRotate ads to that spot

Thanks!

Hi,

We know about this issue and it will be fixed in version 5 of the theme. For the moment you ca add an extra class to the column or row that you want to hide on mobile and use custom css to hide it – http://screencast.com/t/nABIAwy5w – http://screencast.com/t/C82fxAV0

.yourclass {
display: none !important;
}

Thanks!

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

Hi,

It will change the width for your logo only for mobile screens. At 767px screen size the mobile version of the theme appears, so then the size for logo will be changed.

Thanks!

Hi,

Unfortunately the theme use the same logo also on mobile when is used header style 3 and 6. You can change the width for logo image on mobile using custom css media queries in Theme Panel > Custom Css: http://screencast.com/t/u2S5E5vVp

@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}

Also if you like you can use a fixed width for screen size until 767px – http://screencast.com/t/YWSvFyfZlP60
This will be changed in version 5 of theme and will be added more header styles options.

Hope this helps!

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

Hi,

I did not said that you have added that css…it comes from theme’s css and it is added on rows necessary on pages. See more about overflow property – http://www.w3schools.com/cssref/pr_pos_overflow.asp

I have also tested this and NaN appear because you have to enter a value to the “Pie label value” like on Pie value ("Input integer value for label. If empty "Pie value" will be used.") so you have not entered a value there – 77% of all material – is not a value, try 77 and see if you still have that issue (or leave that field empty so it will take “Pie value”).

Make sure that you have set font family also for mobile menu – http://screencast.com/t/uvmDqEwLCe

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css and you can change it how you wish – http://screencast.com/t/qwT0lyhkCx

@media (max-width: 767px){
#td-top-mobile-toggle {
float: right;
}
.mobile-logo-wrap img {
left: 0px !important;
right: auto !important;
}
#td-top-search {
position: absolute !important;
top: 0px !important;
right: 35px !important;
}
.header-search-wrap .dropdown-menu {
left: auto !important;
right: 0;
}
.header-search-wrap .dropdown-menu:before {
right: 15px !important;
left: auto !important;
}
}

Thanks!

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!