Sorry for this request.
I have a problem with Travel guide template (https://demo.tagdiv.com/newspaper_travel/).
I do not see the 3 box in smartphone view.
How can i solve?
This is the link: https://goo.gl/F6bqqp
Hello 22p,
Please check the following topic here -> https://forum.tagdiv.com/topic/recreating-travel-demo-design/
Thanks for the message!
Sorry Catalin.
But i use Visual Composer (not TD Composer).
My problem is that mobile is a disaster…
Hello 22p,
You should provide your website URL so I can take a closer look at it. Make sure that you are using the latest version of the theme, clear all the caches and check the results.
Thanks for the message!
Thanks for you help.
This is the link: https://goo.gl/F6bqqp
> Make sure that you are using the latest version of the theme
> clear all the caches
Sure.
Please let me know.
Hi,
It seems there are some problems with the top part on the website. I believe you are using Visual composer for page building, please deactivate the tagDiv composer plugin. Visual composer elements may be affected by the tagDiv composer, and they may not display properly.
Thanks
Sorry Simion.
The tagDiv composer plugin is not installed on my site.
I use only Visual Composer plugin and there are 7 days that i try to solve.
Please let me know how to solve.
Hi,
Please try removing the demo class td-travel-header from the row. Check the general row settings for the top row and remove the custom class found there. It is added by the demo for custom design used on the default elements. Let us know the results.
Thanks
I removed the class “td-travel-header td-stretch-content” from the row but never change. The only difference is that now on desktop i have a top margin.
Any ideas to solve? The problem remain on mobile.
The problem is that the raw video-background (and the 3 box) are not visible on smartphone.
Hi,
They seem to display better now, one below the other at least. I see the titles have a white color, so they are invisible
– https://www.screencast.com/t/3La3P0k9hqjZ
Also the first single image is aligned right, the middle one is center and the last is left. If you could align them all center and also set a different color for the titles they would display better. Or try with custom code, with this result
– https://www.screencast.com/t/iJhwSmwA6
– https://www.screencast.com/t/4aWg1S4u0z
This is the code I used, it should be entered in the Theme panel->Advanced CSS in the phones section. This way it will only be applied on mobile, while desktop remains the same
.home .wpb_single_image {
text-align:center!important;
}
.home .vc_custom_heading {
color:black!important;
text-align:center!important;
}
Thanks
Thanks Simion.
The problem now is the margin on desktop:
https://www.dropbox.com/s/1hhrv0oy2juw5o5/top-margin.png?dl=0
How to remove it?
Thanks for your help.
Hi,
That could be removed with this code
– https://www.screencast.com/t/3FZ0yVGF3j1y
If you can enter it in the general custom css section in the theme panel, it will affect mobile as well with this result
– https://www.screencast.com/t/ofsBmELkhjU
Or you can enter in the desktop section to work only on desktop
.home .td-main-page-wrap {
padding-top: 0;
}
Thanks
