This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Mobile site not scaling/responsive nicely

Resolved 8 replies premiumthemetheme-vantage
viviantbl
10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 10 years, 7 months ago

    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. viviantbl 10 years, 7 months ago

    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. Andrew Misplon Staff 10 years, 7 months ago

    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. Andrew Misplon Staff 10 years, 7 months ago

    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. viviantbl 10 years, 7 months ago

    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. Andrew Misplon Staff 10 years, 7 months ago

    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. viviantbl 10 years, 7 months ago

    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. Andrew Misplon Staff 10 years, 7 months ago

    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.

Have a different question or issue?

Start New Thread