Hello there,
I just buy newspaper, it is look really good!
How i can edit block on mobile theme?
Now i have future posts (3 blocks) and last posts. I will like to add more category blocks (sport, music, movie…).
I frogot to ask, is it possible to move logo at beginning of menu: http://prntscr.com/q89sc7
Is it possible to add description for posts at mobile version of homepage> http://prntscr.com/q89tov like this: http://prntscr.com/q89uk3
Hi,
The mobile theme is a plugin that helps to achieve a better speed on mobile devices, but for the moment there are not very much customization that you can do on it -> https://i.imgur.com/HOsZPZY.png
If you want a better design and more control over it, you can use the responsive version.
Since Newspaper v9.7.4 you can show the responsive version on mobile theme -> http://prntscr.com/oh6r2s you can check more details about mobile theme in our documentation -> https://forum.tagdiv.com/the-mobile-theme/
You can change the logo place by changing the header style -> https://forum.tagdiv.com/header-styles/ from theme panel -> https://i.imgur.com/7UncbXL.png or for more control you can use a cloud header from tagdiv Cloud Library and you can edit it using tagDiv Composer.
Thank you!
Calin, thank you for your reply!
1. Header,
I can not find this header style: http://prntscr.com/q8v8by here: http://prntscr.com/q8v9rl
If i change header style, it will not be same.
How i can keep my header, just move logo little to left.
Mobile.
I will try to customize mobile version with add new elemnts and then hide that elements for destkop version.
But problem is, when i try to hide some elements on mobile version of page: http://prntscr.com/q8vg35
They still show up on mobile homepage.
3. How i can hide widgets on mobile version of theme?
2. Mobile.
I can hide elements using tag div composer.
But how I can hide widgets on mobile.
Hi,
If you want to keep the header style, I can help you with a custom css, please provide me a link to can create the css.
The elements that you try to hide using WPBakery Is very possible to not work, in the latest version there are some problems between tagDiv Composer and WPBakery, sorry for the inconvenience!
If I understand correctly you want to have different widgets on mobile, if is so then you need to add on each widget a class for mobile and set on it a display: none, or if you want only the sidebar to be remove on mobile version then I can help you with a custom css, just provide me a link.
Thank you!
Thank you Calin,
1. Here is link of my web site shorturl.at/bJP15
2. I will like to hide sidebar for mobile version.
How i can add class to each widget?
3. How i can remove from mobile version this block with all posts: http://prntscr.com/q992k7
I can not find that block in page builder
Hi,
1. This is the link that I get -> https://i.imgur.com/4fFZU5z.png unfortunately this one do not have the newspaper theme install, please provide a link to your website where you have the Newspaper theme install.
2-3. I need a link to your website to can help you with this!
Thank you for your understanding!
Sorry,
This is some link shorter.
Web site is at srpskitalas.net
Hi,
We recommend to use the theme builder, please deactivate the WPBakery and the layout will change.
Please try this custom css
.td-main-sidebar{
display: none!important;
}
The code need to be set in theme panel> custom code> advance css> phones
Thank you!
Hi,
Thank you!!
This is working perfect.
Can we do same for widgets ?
To disable some widgets at mobile version ?
– is it possible to move logo at beginning of menu: http://prntscr.com/q89sc7
Hi,
The logo is in that place because it is set a margin on it -> https://i.imgur.com/mdfBHzK.png
If you want to set it on the left you can use this custom css -> https://i.imgur.com/fANZ1q8.png
.td-header-style-1 .td-header-sp-logo {
margin: 28px 28px 9px 0px;
}
.td-header-style-1 .td-header-sp-logo img {
margin-left : 10px;
}
The code need to be set in theme panel> custom code> custom css.
Thank you!
Thank you!
That is working perfect,
I have quetion for
“If I understand correctly you want to have different widgets on mobile, if is so then you need to add on each widget a class for mobile and set on it a display: none”
How i can do that?
I was try to use some plugins to create widget class, but it das bit work.
Hi,
There is no need to use any plugins for this, all you’ll need to do is to go in Appearance > Widgets, extend the element that you want to hide on mobile -> https://i.imgur.com/CpBD0tR.png after that set a class, for example -> https://i.imgur.com/8tmfi6L.png after that go in Theme panel> Custom code> Advance css and set the css to remove the block/element on mobile -> https://i.imgur.com/qe1Yzwh.png now, all elements that have set this class will be remove/hide on mobile.
Thank you!
Hi Calin,
Thank you for great support.
I have one more thing, in my many every first letter is big, example is here http://srpskitalas.net/
Анализе И Мишљења, Култура И Друштво
И is AND in serbian.
How i can make this И letter small?
Thank you!
Hi,
This can be fix in more ways, you can set in theme panel -> https://i.imgur.com/hLy8kcm.png or using custom css like this one -> https://i.imgur.com/KWFI49T.png
ul.sf-menu > .td-menu-item > a, .td-theme-wrap .td-header-menu-social {
text-transform: none;
}
Hope this will help you!
Thank you!
Thanky you again Calin,
You are really help me a lot.
In post before, i ask you how i can hide widgets on mobile device, you send me tutorial that is working. But, i will like to hide this on mobile device: http://prntscr.com/qcf276
I i just see that this elements are not in widgets, they are in theme options – footer.
Is it possible to hide this on mobile?
P.S. Categorys are on LATO font, i have change all fonts in theme panel – theme fonts, but non of changes will effect for this footer categorys menu.
Thank you!
Hi,
So if you want to hide on mobile the footer you can use this custom css -> https://i.imgur.com/IasmrmM.png
.td-footer-wrapper {
display: none;
}
if you want to remove only the post and categories from footer then, you can use this custom css -> https://i.imgur.com/n1R7MUY.png
.td-footer-wrapper .td-pb-span4:nth-child(2), .td-footer-wrapper .td-pb-span4:nth-child(3){
display: none;
}
The code need to be set in theme panel> custom code> advance css > phones.
Hope this will help you!
Thank you!
Thank you!!
This is working perfect.
First colon in footer is:
td-footer-wrapper .td-pb-span4:nth-child(1) ?
But how we can find sub items (like logo, text about and social icons) ?
Thank you!
Hi,
Yes, the td-footer-wrapper .td-pb-span4:nth-child(1) is for the first colon, the one with the like logo, text about and social icons.
“But how we can find sub items (like logo, text about and social icons) ?” most of these can be found in theme panel > footer -> https://i.imgur.com/TZa4Bgk.png -> https://forum.tagdiv.com/footer-templates/
If this is not what you mean, please provide some more details.
Thank you!
