Hi there,
I have some problems with my website. I have listed the specific pages and issues below:
1) https://kopenhagenkonsulting.com/cascading-strategy/ – On mobile device, in the gray area underneath “Read the case” the image is not showing. How to fix?
(If you see this page instead https://kopenhagenkonsulting.com/project-execution/, the problem isn’t there).
2) https://kopenhagenkonsulting.com/case-project-execution/ – On iPad view, the two tag boxes underneath “Area of expertise” are overlapping. How to fix?
3) https://kopenhagenkonsulting.com/knowledge-base/ in Internet Explorer, the text and images are overlapping each other. How to fix?
4) When you zoom out on desktop, you can keep zooming until 25% and that makes everything change position and the result is very messy. Can we change that in some way? If you check out this webpage https://qvartz.com/, the elements stay in their place without moving around when zooming out. How do we obtain the same? It looks like a boxed layout, but we don’t want boxed layout on 100% – maybe from 75% it’s okay.
5) In the footer there’s a Facebook-link. How can we make it open in the app and not the browser when you see it on a smartphone or iPad?
6) https://kopenhagenkonsulting.com/areas-of-expertise/, this is not a device issue – but how do we make the buttons saying ‘domain’ or ‘sector’ to not be clickable? So we can remove the hand cursor and make the button become act as normal text.
Thank you for your help.
Hi,
1. Make sure that the thumb 648×320 is enable in theme panel -> https://i.imgur.com/1xEduLe.png, also you can regenerate the images, this should fix the problem -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
2. For this you can use a custom css like this one -> https://i.imgur.com/iomR2FA.png also you have assigned an empty tag.
The code need to be set in Theme panel> Custom code> Advance css> iPad -> https://i.imgur.com/5IbXg8Y.png
–
.tdb_single_tags .tdb-tags li{
display: block;
}
.tdb_single_tags .tdb-tags li:last-child{
margin-top: 8px;
}
3. Indeed there is an issue on Internet explorer + Flex Blocks.
Please try this code:
[class*="ie"] .td-module-container {
display: block;
}
[class*="ie"] .td-image-container {
height: auto;
flex: initial;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
4. For me your website look ok when I zoom it -> https://i.imgur.com/aL2Uy7E.png the website that you provide as example indeed seems to be boxed you can achieve similar by setting a background color.
If you want you can check some demos -> https://demo.tagdiv.com/newspaper_style_pro/ -> https://demo.tagdiv.com/select_demo/select_demo_newspaper?utm_source=live_preview&utm_medium=click&utm_campaign=demos&utm_content=demos_button#demos
5. Our theme can not force the users to open the Facebook app, but for the most users there should by a popup to choose the way you like to open the link (if the user do not have set one option by default).
6. For this you can use a custom css like this one -> https://i.imgur.com/OccJXEZ.png this code will be apply only on this page
.page-id-1089 .tdm_block_button .tds-button .tds-button1 {
pointer-events: none!important;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
Hope this will help you!
Thank you!
Hello Calin,
Thank you so much for your help.
In regards to question no. 2, how do I get rid of the empty tag? I have no idea how it showed up in the first place.
I also want to know if you could help me making the boxes the same hight on the post pages like this one: https://kopenhagenkonsulting.com/are-you-hindering-your-innovation/
I’m talking about the 3 opinions at the bottom of the page. Could you provide me with the right code?
I tried with this custom CSS, but that altered the post settings on other pages too:
.td_module_wrap.td-meta-info-hide .td-module-meta-info {
min-height: 1px;
margin-top: -4px;
height: 170px;}
PS. is there a difference whether I put the CSS in the live CSS box frontend compared to putting it in the custom code box backend in theme panel?
Hi,
You can remove that empty tag using this custom css
.tdb_single_tags ul li:first-child{
display: none;
}
This will remove all the first tags from your website.
For me the modules seems to be quite the same, but if you want to apply the code only on that page, then you can use this css
.postid-1325 .td_module_wrap.td-meta-info-hide .td-module-meta-info {
min-height: 1px;
margin-top: -4px;
height: 170px;}
and the code will apply only on this post https://kopenhagenkonsulting.com/case-project-execution/
The code set in live css box will work as the one set in theme panel (it will be apply on all website, not only in the current page).
Thank you!
Hello and once again thank you for your support.
In regards to the modules on the post pages, you can try and check this post out on a 1440×900 px screen: https://kopenhagenkonsulting.com/are-you-hindering-your-innovation/
Because of different length of post title, the box to the left is taller than the two others. So I need the css to apply to all posts, and not only on post id 1325.
How is that possible?
Hi,
I think that you are referring to this, I don’t think this is a problem, but this can be adjusted only if you set a limit for the title with excerpt, you need to edit the single post template with tagDiv Composer, click on the related articles -> https://i.imgur.com/tUrzZ6B.png -> https://i.imgur.com/lV9fd1A.png
Thank you for your understanding!
