Hello,
Please have a look at https://abeidblogs.com/ in mobile view.
The problem is that the form at the top of the page is surrounded by white margins which I do not want. Can you guide me on how to remove it?
Also please check the “Workout Tips” header at the bottom of the page. The problem is the same.
(Problem occurs in mobile view only)
Thanks.
Hi,
There will be a left and right padding on mobile, most elements will have it with some exceptions.
There are some things you could try. For the top form, edit the page with the composer and select the mobile mode
– http://prntscr.com/nfmnnd then set a negative margin left and right for the raw HTML element used – http://prntscr.com/nfmoe3 set a -20px value.
Or use a code like this one – http://prntscr.com/nfmox8 in the mobile CSS field of the Theme panel->Advanced CSS
.home .vc_raw_html {
margin-left: -20px;
margin-right: -20px;
}
For the column title lower down the page, you could try something like this
– http://prntscr.com/nfmw0e
.home .tdc-content-wrap .td-stretch-content:nth-child(6) {
padding-left:0;
padding-right:0;
}
Enter it in the same phones field – http://prntscr.com/nfmwdq
There may be other solutions, let me know if these work or I will think of a different way.
Thanks
Thanks for your help Simion C. The problem got solved.
