Home>Support>Mobile site not scaling/responsive nicely

Mobile site not scaling/responsive nicely

By viviantbl, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I am new on creating website who do not have any coding knowledge.
The wording in my contact page is look nicely in my pc but does not in mobile.
Any solution to make it present nicely in both pc or mobile gadget?

URL: http://tectrolink.com/wp/contact-us/

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

  1. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Hi Viviantbl

    Thanks for reaching out. Looks like just the large text near the form is a problem. Try adding the following at Appearance > Custom CSS to resolve:

    /* Contact */

.page-id-15 .textwidget:last-of-type span {
line-height: normal;
}

    Hope that helps.

  2. 9 years, 2 months ago viviantbl

    Hi Andrew,
    Thanks for the code given and the font is shown properly in the mobile now.
    But, the font type shown in the mobile is different with my font type which should be “AR Cena”.
    Can assist me on this?

  3. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Sure :)

    You most likely have that font installed on your computer. It doesn’t show on mine, desktop or mobile. You’d need to use Custom CSS and web font files to use that font. It’s quite a bit easier to use one of the Google fonts in the Customizer.

  4. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    I run through the process here: Thread: Using a custom web font, *not* included in Google Fonts. You’d need to create the files using a service like Font Squirrel Web Generator.

  5. 9 years, 2 months ago viviantbl

    Thanks for the assist.
    As I mentioned before, I am very new in this.
    I uploaded the font to : /public_html/wp/wp-content/themes/vantage/fontawesome/font/ARCENA.ttf already.
    and add the code to Custom CSS as below:

    @font-face {
    font-family: AR Cena;
    src: url(/public_html/wp/wp-content/themes/vantage/fontawesome/font/ARCENA.ttf);
    font-weight: normal;
    }

    After doing it, my font is no longer show as I want in AR Cena font in my pc anymore. ;-(
    is there anything i did wrong?

  6. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    No problem.

    All WordPress themes completely overwrite their own folder during theme updates. Your fonts shouldn’t be stored in the theme folder. They won’t survive an update.

    For ease of access you could put them in the root folder in a folder names “fonts”.

    /public_html/ is a server relative URL. A web browser can’t access that as it doesn’t know where to start. Your font URL should be the absolute URL. http://yourdomain.com/the-fonts-folder…etc.
    You should be able to enter the fonts URL into your browser and land on the file.

  7. 9 years, 2 months ago viviantbl

    Hi Andrew,
    Thanks for your fast respond.
    I am still unable to add the font to it.
    However, I will try it again later after i finish updating the data into my website.

  8. 9 years, 2 months ago Andrew Misplon
    Hi, I Work Here

    Sure. Let us know if you need a further hand then.

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