Viewing 9 replies - 1 through 9 (of 9 total)
  • dear wpressleg Your have to reduce font size in mobile view. Write mobile view css example is given below:

    @media only screen and (max-width: 360px) {
    .header_v0 .title-container #logo a {
    font-size: 29px;}
    }

    Thread Starter wpressleg

    (@wpressleg)

    Dear amahato, thank you very much for your suggestion! Can you please advice or indicate the necessary place for input in CSS?
    I am student or kettle in HTML and CSS ??
    excuse me for question ??
    I did not find mobile view css in CSS mode to correct it. Maybe I have to add it in some specific place?

    @media only screen and (max-width: 360px) {
    .header_v0 .title-container #logo a {
    font-size: 29px;}
    }

    I think you have easy process to add the css in following css file. File path is given below:

    https://xn--80abkbnh4aebgdjehbqf.xn--p1ai/wp-content/themes/evolve/style.css

    Thread Starter wpressleg

    (@wpressleg)

    Dear Ahamato, thanks a lot from Russia!
    Unfortunately for me it works in mobile view from admin panel only.
    I see abnormal size of the site name on real displays of Android phones – site name is too wide and some fonts are with very small distance between letters of some words of SLIDER :((((((((((((
    I have inputted data like this (maybe it wrong place for input):
    /* Logo */

    @media only screen and (max-width: 360px) {
    .header_v0 .title-container #logo a {
    font-size: 29px;}
    }

    #logo {
    position: relative;
    font: 400 39px/39px ‘Roboto’, arial, sans-serif;
    letter-spacing: -0.01em;
    }

    #sticky-logo {
    position: relative;
    font: 400 25px ‘Roboto’, arial, sans-serif;
    letter-spacing: -0.01em;
    }

    Hi,

    Please remove the custom css code from the Theme’s style.css file
    Anything added there will be gone after theme update.

    Please add your custom css codes in Theme Options -> Custom CSS

    Thank you

    Thread Starter wpressleg

    (@wpressleg)

    Dear Denzel Chia, thank you for such important detail!!!
    Dear Ahamato, it works, thank you – it is enough to include in the Theme Options -> Custom CSS the next code:
    @media only screen and (max-width: 768px) {
    .header_v0 .title-container #logo a {
    font-size: 18px;}
    }

    Have a good life, Dears ??

    Thread Starter wpressleg

    (@wpressleg)

    Unfortunately, .evolve theme is not suitable for mobile devices – there are many other questions with display process for fonts on mobile devices :((((
    ————————————————————-
    But evolve theme is still interesting for usage.
    Dear evolve managers, you are welcome to discuss to me

    Hi @wpressleg,

    For any issue you may encounter, you can open a new thread in this forum.

    If it’s a style customization, I will try to help.
    If it’s a bug, I will get the theme author to take a look.

    Thank you.

    Thread Starter wpressleg

    (@wpressleg)

    Good day, dear Denzel Chia, thank you for your Support!!!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Mobile view: site name is not displayed correctly’ is closed to new replies.