Hello,
I’m doing some tests because I want to change my home page, however, it doesn’t always work the way I want it to:
I inserted HTML code and made a small menu (to facilitate on mobile devices).
url: encantadordeperros.com
https://fotos.subefotos.com/b4a80a50c4dfcd469c8d82a8f82453dao.jpg
How can I reduce the white space shown in the photo?
Is it possible to make this html code (menu) only be visible on mobile devices and not on pc / desktop?
Second question
I really liked this, so I decided to use it on my second website, but…. something is wrong. I have inserted exactly the same HTML code, but in this website, the menu looks very bad, it gets cut, it doesn’t get complete…
What did I do wrong?
url: soyunperro.com/sup/
https://fotos.subefotos.com/5e56418bf9c7d55d23feecbe9bb63a5co.jpg
Last question
I’m inserting a “call to action”, but I can’t set button colors, the changes don’t apply, I don’t know why:
https://fotos.subefotos.com/f1c213f881df0dbdbc75f9a99b6e2ac7o.jpg
Can you help me with this 3 problems?
Cheers
Hi,
1. Try reducing it with negative top and bottom margins values, for the row containing the HTML element
– https://www.screencast.com/t/ujiawwj2rw
Or do it with CSS in Theme panel->Advanced CSS phones section
– https://www.screencast.com/t/VrN6jNY0ZX2S
These are half the values, modify them as you want
.home .td-main-page-wrap {
padding-top: 16px;
}
.home .vc_raw_html {
margin-bottom: 16px;
}
To make it visible only on phones, hide the row on all other devices
– https://www.screencast.com/t/fKKYXiqEi0i
– https://www.screencast.com/t/C4nvRf6ejzlg
2. For start the font is bigger in that example, 19px vs 14px. The body font applies for those links. Try making it similar.
3. I tried the same, seems to work for me
– https://www.screencast.com/t/KkXKpCQjgFcE
I have once seen this before, it was caused by optimization plugins or render blocking implementations in relation to multi-purpose elements. If you use such plugins maybe you can disable theme temporarily to check, or if possible exclude the multi-purpose plugin or from any optimization.
If that is not possible the buttons may or other multi-purpose may not work properly, the button could be styled with some CSS. Check on the other website you have as well.
Thanks
Hi @Simion C.
I’ve been trying everything for two days, but it doesn’t work.
I even deleted “call to action” and added “button”, but the problem is the same. The color of the button never changes.
https://subefotos.com/ver/?2b34f83b50b1283de2e98d42f49c7596o.jpg#codigos
I was thinking maybe something’s interfering with the program.
So I’ve deactivated everything, absolutely everything. I’ve only left the tagdiv plugins running. Everything else is off.
The problem continues. It’s not working out.
I can’t change the color of the button.
https://fotos.subefotos.com/18a690114a3901c2eb053bdaa16cfd6ao.jpg
I can give you access to my site if you need it. This problem, it happens to me with my two pages.
Hi,
We could take a look, of course. Please send us an email at contact@tagdiv.com and provide admin access. Include a link to this topic in the email, also mention the problem to be inspected is with any buttons color not working properly.
