Hi, I am using Vantage Premium theme and I have some issue with PB.
on www.compleatadvice.nl site – home page – service section – more info button.
When I check the visibility in a browser it looks ok (centered, even on narrow screen), but on mobile it looks wrong. Can you please let me know what could be the issue?
/* more info button on service home page */
.widget_circleicon-widget .circle-icon-box a.more-button {
font-size: 18px;
color: #ffffff;
width: 140px;
height: 25px;
background: #b9d613;
border-radius: 10px;
padding-top: 3px;
position: absolute;
top: 105%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%).
Second issue: there is no padding in text part on narrow/mobile screen. eg: http://www.compleatadvice.nl/nutrition-advice/. Can you please let me know where can I set this up?
Hi P P
1. Hard to say why the buttons are rendering differently on mobile. Desktop mobile simulation isn’t picking that up so I can’t inspect the code as that happens. By default those links aren’t absolute positioned. There is a good chance that’s where the problem lies. I’d suggest achieving the positioning you’re after without absoluting the links.
2. Try this under Custom CSS:
/* Nutrition Advice */ #pg-31-1 .panel-grid-cell { padding: 20px !important; }Thanks for your answer. I will try something by 1st, 2dn works well.
For sure, hope that helps.