Search Results for 'amp'

Hi,

The same menu items that are displayed on desktop will be displayed on mobile as well. That is the same menu top menu. You could maybe hide the menu items on desktop with CSS and display them only on mobile, if you should consider this a solution.
Like this for example
– https://www.screencast.com/t/SOEwtxnA
– https://www.screencast.com/t/XMNwhLmg
– https://www.screencast.com/t/QTalRaQ7X1
This code will hide menu items on anything larger then phones, based on the unique ID each menu item has.

@media (min-width: 767px) {
#menu-item-50 {
display: none;
}}

Thanks

Hello kalum,

Regarding on page speed, please notice that thing depends on how well your site is optimized. Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit to our requirements. For an example, you should check our demo preview because this website is optimized.

There are multiple guides and tutorials here on the forum regarding speed optimization, that you can search for and read:
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/cloudflare-cdn/

Thanks for your understanding!

Hi,

1. The ajax filter is available for all the blocks. You can set it in each of the block ajax section
– https://www.screencast.com/t/KEz2VVzXkQlk
There are blocks that do not display a featured image thumbnail, that you can use. Like these blocks
– https://demo.tagdiv.com/newspaper/block-9/
– https://demo.tagdiv.com/newspaper/block-10/
The meta information you do not need to display on the modules can be disabled in the theme panel, the category tag as well
– https://www.screencast.com/t/Wj1zskzjSTI
– https://www.screencast.com/t/XnJUgje9b
Here you can see the available block header styles as well
– https://demo.tagdiv.com/newspaper/block-header-1/

2. Each module has a structure and it displays the information accordingly in the predefined order. This is an example of a module structure
– https://www.screencast.com/t/zoupp71E2G0
To display the date next to the category tag everywhere, would require modification to all the modules. Also the styling will probably need modification, for some modules.

We have not tested plugins like the exchange widget you mention. I have not seen it mentioned on the forum. The chances for it to work properly are probably the same as for any other theme. Maybe they can provide a free test version to try it out, before purchasing it.
The theme has a simple exchange widget, not that advanced however
– https://demo.tagdiv.com/newspaper/exchange-widget/
Placing it above the header would require the widget shortcode to be entered in the header template file directly
– https://www.screencast.com/t/sb97pLEjzbX
The date in the Business demo is custom made. It is made of a text with title element
– https://www.screencast.com/t/YjCyGTfUmy
And a Raw HTML element with this code
– https://www.screencast.com/t/CfjsXOYKBR

Thanks

Hi,

You could change the color for the article title displayed on modules, with custom code. Like in this example
– https://www.screencast.com/t/iIqtDEqH
Use the browser inspector to identify the elements on the page and their classes and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will help you, if you could specify what exactly you would like to change and how, for a more accurate answer.

Thanks

Hi,

The font proprieties for the header menu can be changed in he theme panel
– https://www.screencast.com/t/LZvDmLohFCp
You could reduce the padding between the menu items. The default is 31px
– https://www.screencast.com/t/dQjnK9Vy2
Try a code like this one for example (you can modify the value as you wish)
– https://www.screencast.com/t/1Cyhn9zlc

#td-header-menu .sf-menu a.sf-with-ul{
padding-right: 15px;
}

There is no option to change the pagination that is present in the menu. If you would like to style it further, you could use the browser inspector and create custom code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Hello,

It is best to add a custom class to your images in the tiny mce editor in text mode. You will need basic html skills for this.
And then target your custom class with css and ad a padding-botom:30px; for example.
Here is a practical example:

https://www.screencast.com/t/appyg1yqBSZ

Then use this custom css code in the theme panel-> custom css box:

.paddingimage{
padding-bottom:30px;
}

Thanks.

Hi,

An ad can be as simple as an image with a link, inserted in the theme panel ad section that you want
– https://www.screencast.com/t/1JzLM5zHaDl
– https://www.screencast.com/t/mF3PExZOge
There is also the possibility to show different ads based on device. Please see this guide with some examples
– https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thanks

Hi,

The example code I provided will not modify the category font properties. That is happening because you are changing all the links fonts for the block with the custom class
– https://www.screencast.com/t/hKJOiyAG6
Remove that part of the code and only the article titles will be affected. At the moment the code you are using will modify all the links for all the elements inside that block.

Thanks

Hi,

If the row is split in three columns, these columns will be displayed one below the other on smaller devices
– https://www.screencast.com/t/sloRZyimJTJ5
They could be made to be displayed next to each other, if that is what you want. In this example I added a custom class to the row containing three ads
– https://www.screencast.com/t/qHoLuXJx2j
Then used a code like this in Theme panel->ADvanced CSS in the phones section
– https://www.screencast.com/t/4j238JIv38K
The columns will be displayed next to each other, not below. Please correct me if I misunderstand something.

Thanks

Hi,

Please try it like this and the top menu should be displayed
– https://www.screencast.com/t/eR5De12bRr7

@media (max-width: 767px){
.td-header-top-menu-full,
.td-header-sp-top-menu {
display:block!important;
float: none!important;
text-align:center;
}}

It will not be displayed in the AMP page, that is a totally different page not controlled through the theme.

Thanks

Hi,

The scroll icon is added by the theme, it cannot be used on AMP pages and it will probably not be displayed. If you use AMP the page structure will be different, it cannot be controlled from the theme. You would have to search for a similar implementation for AMP pages, and create a scroll function feature.

Thanks

Hi,

The top menu will not be displayed on mobile, it is not supposed to display. It can be made to appear. I see that you already made some modifications. Try adding a code like this
– https://www.screencast.com/t/EEsOvws2iD
It may require additional modifications. I see that you are also using an AMP implementation for your website on mobile. That could also interfere with the top menu, and how it will display, if you choose to make it visible.

@media (max-width: 767px) {
.td-header-style-8 .td-header-top-menu {
display: block;
margin-left:auto;
width:auto;
}}

Thanks