@Bettina We are using global one headers for both mobile and desktop iam new to theme and don’t know the all options can you please give me the steps how to achieve that

Hi Anamaria,

I have imported a cloud template and tried to tweak a little. Tried ur method to align the categories and tags on a single row using the inline method but failed for both desktop and mobile view.

Unlike shown in your video, when I added the categories, it appeared center-align and I couldn’t make it left-aligned unless I add -140 margin on the left. And making the element ‘inline’ didn’t work as well.

Here’s the page that I tried it on: http://tapa-global.hostinghunk.com/zuellig-pharma-hong-kong-demonstrates-supply-chain-excellence-in-the-pharmaceutical-industry-by-achieving-tapa-tsr-certification-with-sgs/

Please let me know how I can solve this issue.

Thank you,
Jasmine

Hi Anamaria,

Great! Thank u for ur help!

Thanks,
Jasmine

Hi Anamaria,

That helps a lot. Thank u again!

I was trying to fix the icon box and prefer the icon below the title. Here’s a sample of what I did: http://tapa-global.hostinghunk.com/guarding-security-requirements-gsr/

The size, spacing, icon vertical, icon horizontal values etc. were set using a 1366px screen. However, I couldn’t get it to be responsive esp. for 1024px onwards. So I am wondering if I did anything wrong?

Thank you,
Jasmine

Just to add on to the above, the mobile layout that I am looking for is similar to https://www.freightwaves.com (their featured post layout).

Sorry, actually, how do I make the header sticky for desktop and all responsive versions?

Thank you,
Jasmine

Hi Bettina,

Thank u. Our website is working fine now. I think its because of the inadequate memory and we are not having this issue now that we have increased the memory.

Hi Anamaria,

That was sooooo helpful! I will try it out.

Also, is there a css to display 2 elements in a single row in mobile? Eg. The team member element and the icon box element always display one per row in mobile. And I would like to display 2 in a single row instead.

Thank you,
Jasmine

Hi Anamaria,

1. My bad. I just watched the video. So it seems that not all elements can be displayed inline – tried to put social share icons on the far right hand side of the date and had difficulties trying to align it – had to use -50 top margin and the result is that it is not responsive on mobile.

2. I am trying to place categories and tags on the same line. Got it working in desktop but not in mobile so was wondering if u have a better solution than mine.

Am unable to attach screenshots here so here’s the link to the post that I am trying to compose. http://tapa-global.hostinghunk.com/retailers-face-operational-logistical-hurdles-in-pandemic-driven-switch-to-ship-from-store/

Thank you,
Jasmine

Hi Anamaria,

Noted with thanks. With regards to the icon box background color:

.tdm_block_icon_box:hover, .tdm_block_icon_box:hover .tdm-title
{
background-color: black;
color: #fff;
}

If I do not need all icon boxes to have black background, just a selected few, how should I do it?

Thank you,
Jasmine

Hi Anamaria,

Sorry, I think I wasn’t clear enough with my query. I am aware of the different elements and how I can use them. But I am having difficulties trying to align them.

1. Eg. author name , date, views, social share icons – when I split the rows into 4 columns and insert each element, the elements are far apart and i can’t try to get them together as shown in https://cloud.tagdiv.com/what-happens-when-your-carryon-is-over-the-limit/.

2. I would like to show all my categories and tags align in a row. Sometimes there might be 2 categories, sometimes there might be 5 categories. How should I align them and also make sure that they do not overlap each other in the frontend?

Thank you,
Jasmine

Hi Anamaria,

That worked! Thank you very much!

One more thing – is it possible to link the whole icon box when clicked instead of clicking on the ‘read more’ button?

Hi Bettina,

I tried it and its working well! Thank you so much!

Also, may I know how to add more icons to the existing collection in the icon box?

Thanks!

Hi Bettina,

Thank you for your reply.

Do u mean that I have to code the files found in td-standard-pack/Newspaper/parts/single?

Is it possible that I design using one of the custom cloud templates then modify to include the featured video feature instead? Would it be easier?

Thank you,
Jasmine

Hi Bettina,

It seems that the issue occurs whenever i edit font sizes, line heights and add CSS margins in landscape and portrait viewport. So now i only edit desktop and mobile and it it is working well.

Currently, I am encountering another situation where my header and footer have gone missing and this is shown on the bottom of my page:

[tdm_block_inline_text description=”VEFQQSUyMEFzaWElMjBQYWNpZmljJTIwU2VjcmV0YXJpYXQlMjBPZmZpY2UlMEFjJTJGbyUyMEFMTFBTJTIwQ29uc3VsdGFuY3klMjBMTFA=” description_color=”#eaeaea” f_descr_font_size%

Could you advise what is the issue and how I can fix it?

Thank you,
Jasmine

Hi Calin,

I have tried using one of the cloud templates and also tried using the custom templates that we have created but none is working. In front end, it seems that only the default post template works. Is it only working if we use the default template? Could you please clarify?

Thank you,
Jasmine