Home>Support>mobile screen issue

mobile screen issue

By P P, 7 years ago. Last reply by Andrew Misplon, 7 years ago.

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?

URL: http://www.compleatadvice.nl

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 11 months ago Andrew Misplon Hi, I Work Here

    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;
    }
    
  2. 7 years, 11 months ago P P

    Thanks for your answer. I will try something by 1st, 2dn works well.

  3. 7 years, 11 months ago Andrew Misplon Hi, I Work Here

    For sure, hope that helps.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More