Hi
I just posted this on the evanto page, hope you can help.
I have two issues I wonder if I could get your help with them.
1. When I use Gutenburg blocks, such as ultimate Addons I set them to full width and it looks great on desk top but on mobile it always has a white border like its auto applying a margin to the page. How do I get rid of this? I cant find a setting anywhere.
https://myokotourism.com/putmenu/
This can be fixed by altering the mobile css and removing the
left and right padding.
2. when you look at a category page on mobile the whole page is off set to the left and not centered, again no idea why as I have checked all the settings.
https://myokotourism.com/category/ski/
That is caused by the WPBakery page builder that adds an extra padding to the rows and breaks the layout. That can also be adjusted with css. Please use the support forum and our support team will gladly provide the mentioned solutions to apply to your site.
Hello,
1) You can add this custom css in your theme panel under custom css:
@media (max-width: 767px){
.td-container, .tdc-row, .tdc-row-composer {
padding-left: 0!important;
padding-right: 0!important;
}
}
2. You can add this css for the second issue:
@media(max-width:767px){
.vc_row{
margin-left:0;
margin-right:0
}
}
Thank you!
Hi
Your code works great. As expected I only need to apply this code to a few pages. When applied generally it removes padding from all posts and the text is tight against the screen. What do I need to add to target a specific post id?
@media (max-width: 767px){
.td-container, .tdc-row, .tdc-row-composer {
padding-left: 0!important;
padding-right: 0!important;
}
}
Hi,
Yes, you can target the class for each post or page, here is an example -> https://i.imgur.com/Q2XTUeb.png now the code will apply only on post with id 1992 -> https://i.imgur.com/EsqLVds.png -> https://i.imgur.com/imSwIVX.png
.postid-1992 .td-container, .postid-1992 .tdc-row, .postid-1992 .tdc-row-composer,
.postid-1993 .td-container, .postid-1993 .tdc-row, .postid-1993 .tdc-row-composer {
padding-left: 0!important;
padding-right: 0!important;
}
The above above will apply on posts with id 1992 and 1993 only.
Hope this will help!
Thank you!
That is amazing!! Perfect.
I applied in the live CSS editor. I assume it doesn’t matter if it put it there or in the theme panel
Hi,
As long you know where you set the code and from where to edit or remove it there is no problem.
Thank you!
Hello Calin and friends,
I am too having the off center issue on mobile, it seems to be a bug.
When I initially import a block from the cloud it shows centered (I tried this on a blank page to make sure nothing else is affecting it) , but then I just switch back to desktop view and then to mobile view again and it gets pulled to the left
as seen here: https://imgur.com/a/VH3jqDM
I cleared my cache and tried the css fix offered above in this thread (# 2),
@media(max-width:767px){
.vc_row{
margin-left:0;
margin-right:0
}
}
still doesn’t work for me.
Could you please assist when you have a moment?
Best Regards,
Julio
Also, on a kind of related note to the previous off center issue in mobile devices… I have another test page, which is my home page and I have created another news block based on the cloud template medicine pro… it shows great on desktop, landscape and portrait as see here:
https://prntscr.com/urn7br
but when I switch to mobile the section is not there… as you can see here:
https://prntscr.com/urn89o
I have checked all the places I know in order to show that section in mobile but so far no luck.
Your help is greatly appreciated.
Thank you!
Julio
Hello again, since Imgur seems to be up and down today please see this
What you see in the link above is the original off center image on a blank test page with no other elements to affect it… when imported from cloud , it originally shows centered , but after you go back to desktop view and then back to mobile it gets pulled to the left…
I hope you can help me with this.
warm regards,
Julio
Hi noticiasdehonduras, normal the flex elements can be adjusted with tagDiv Composer per device -> https://i.imgur.com/ptKJIc3.png -> https://i.imgur.com/XFxlq1G.png -> https://i.imgur.com/hq0SV52.png also for more investigations about this problem https://prntscr.com/urna5i please provide me a link where i can inspect it.
Thank you!
Hi Calin,
I hope you are well and thank you for the always prompt response.
The site is in coming soon mode, but I will disable it so that you can see it.
Here is the link : https://noticiasdehonduras.com/
You will be able to see the two main issues I am having with mobile display
1. The main block doesn’t display on mobile view
2. All content is not centered and pull to the left on mobile as well.
Thank you so much for your help!
Warm Regards!
Julio
Hi again Cailin,
I hope you are well.
I had applied the code before I contacted you initially. I only contacted you after code in answer did not work for me.
Any other ideas?
Thank you.
Julio
Hi, I just checked your website and for me this is displaying normal, here is the look that I get -> https://i.imgur.com/EIOZf7p.png -> https://i.imgur.com/y0AMoyL.png
Thank you!
Hi Calin,
I hope you are well. Thanks for the follow up.
Yes, I resorted to doing a full WP Reset and starting from scratch.
Thanks for your help!
Best Regards!
Julio
Hi,
If there are other problems, just let us know!
Thank you!
