Hello
I’m building a site using VIDEO NEWS from Newspaper.
https://demo.tagdiv.com/newspaper_video_news_pro/
I have a question about some theme fixes.
Q1:
When I made a mobile layout,
There is a lot of space on the right and no space on the left on the post page. I want to make spaces evenly on the left and right.
Please tell me how to modify it.
1.pdf
Q2:
The layout of the top page is broken when the tablet is displayed horizontally.
Also, when the tablet is displayed vertically, the layout of the top page is also broken.
This phenomenon is done by default in the theme.
It is displayed nicely in the simulator, but the display is broken when actually displayed on the iPad.
I’m obviously checking the cache out.
2.pdf
Q3:
I have some content that is modal, but I am having trouble because it is not displayed in the foreground.
The following description in CSS is not reflected.
.tribe-common div.tribe-dialog {
z-index: 999;
}
3.pdf
View it on your PC and click the link.
Please click「Get Tickets」
Please display this link on your smartphone. It is displayed without any problem in the simulator, but when the page is actually displayed on the iPhone, the menu appears on the modal. Of course, the cache is deleted and verified.
I would like to know how to modify it.
Thank you.
Hello !
Q1: Please try this CSS code. You can adjust it if you want: .tdc-row.td-stretch-content, .tdc-row-composer.td-stretch-content {
margin-left:35px;
}
The codes must be inserted here: https://www.screencast.com/t/fyP7TBVPWvhQ
Q2: Please make sure to clear you cache and also try from a different device. We have tested this on our side and it does not happen. So new users will see your website ok.
Q3: Unfortunately your button is not working: https://www.screencast.com/t/sRF3a0Glvbtk
Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
Thank you !
Hello
I want you to check with a real machine first, not a simulator. There is a big difference here.
If you reflect the CSS sent to you on Q1, you will have a left margin on the top page. Please check what you contacted first. I want to put a margin on the left side of the post page only. The image I sent is what it looks like on an actual device.
https://03.naturetest.net/0625.png
Regarding Q2, I’m not a simulator, but I am trying to pull out the cache on the actual machine, change the browser and make various attempts. Have you seen this theme on multiple devices?
As anyone knows, if the number is 0, press plus to change the number. Change the numbers and press “Get Tickets”.
You can experience the event that you contacted in Q3.
I really take these challenges into account.
The questions will continue until all the corrections have been made.
Please understand in advance.
Thank you.
Hi,
Q1. As I can see this problem is from some plugin -> https://i.imgur.com/g9qv3M5.png that you are using, this is apply a stronger css on post content.
I think that this is a plugin conflict between tagDiv Cloud Library and WPBakery, you can use only one of them, you should decide which one you want to use, we recommend to use the tagDiv Cloud Library with tagDiv Composer these are the theme plugins.
Please deactivate the WPBakery and check the results!
To solve this problem without removing the plugin you need to use a stronger css like this one -> https://i.imgur.com/MDxYeAr.png
.vc_row {
margin-left: 0px;
margin-right: 0px;
}
The code need to be set in theme panel> custom code>custom css.
Q2. Indeed there were some problem with some old version of Safari, but I just checked your website on safari v12.1 and for me is displaying normal, therefor I do not know if this problem is from theme or related to the version of safari.
-> https://i.imgur.com/GbnQfgN.png -> https://i.imgur.com/nQJOmGx.png -> https://i.imgur.com/cxT9lgd.png
Q3. This “menu” is from untested plugin, therefore we can not provide support for it -> https://forum.tagdiv.com/support-policy-2/
But just for a test for me is seems to work -> https://i.imgur.com/ny51Vpr.png
Thank you!
Hello
Please understand the question I am contacting.
Q1 was solved. Thank you.
I say the same thing over and over again, but I want to ask if I actually checked it on the screen even once.
Q2 is not the current situation occurring only in Safari. So it’s not a version issue.
I’m saying that I’m checking it on other browsers on the ipad as well.
The same phenomenon occurs in Dolphin Web Browser for iPad.
https://03.naturetest.net/0626.png
You should take this seriously.
Please ask the development department to confirm.
You are misunderstanding about Q3 as well. Menus must be in the background for modal screens.
https://03.naturetest.net/0624/3.pdf
The order of the menu positions set in the theme cannot be changed. Specifically, this tag is not reflected.
.tribe-common div.tribe-dialog {
z-index: 999;
}
Thank you.
Hi Media Creative Lab LLC.,
Q2. We’ll make some more investigations for Safari browser, unfortunately only for this we can provide support right now, the other one is not tested with our theme -> https://i.imgur.com/WCuQTMk.png
Q3. Unfortunately the social share buttons can not be set as in your example, sorry!
Also I see that now on mobile the sticky header is no longer active, but if you want to use it you can use this custom css that well set the content under the sticky menu -> https://i.imgur.com/QsBl2wv.png
.tribe-common .tribe-dialog__wrapper.tribe-modal__wrapper--ar {
padding-top: 64px;
}
Thank you!
Hello
You do not understand the intention.
Is Newppaper a WordPress theme not compatible with tablets?
It will be different.
I’m telling you that the same thing is happening not only in Safari on ipad but also in other browsers.
This is a problem.
Regarding the theme of VEDIO NEWS, your company needs to check the device and make corrections.
With regard to the answers in Q1 and Q3 as well, we were not able to get appropriate answers to the questions because there were things that wanted to make space for the smartphone and the PC or tablet was affected.
For example, if you install this tag, even if there is space on both sides of the smartphone, there will be space on the PC.
.vc_row {
margin-left: 0px;
margin-right: 0px;
}
Thank you.
Hi Media Creative Lab LLC.,
As I said above, we’ll make some more investigation for iPhone, iPad and mac devices. We need first to find the problem, because and to check on when version of Safari…
For the problem with Q3 you can set the css to affect only the layout you want in two ways: setting the code in theme panel in the css tab for specific device -> https://i.imgur.com/3By895L.png or using tagDiv Composer and set the css per each device -> https://i.imgur.com/A7Row5l.png
Thank you!
