Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 10, 2015 at 5:51 pm #471644
    July 10, 2015 at 6:02 pm #471648
    Basilis

    Hey textbueroandremoch!

    That is because of the type of your logo, which it might be beatiful but hard for responsive to be read.
    What do you want as a solution:

    1. Change the size of the logo
    2. Change the logo for responsive

    Let me know, and I will provide the correct solution

    Cheers!
    Basilis

    July 10, 2015 at 6:23 pm #471669
    textbueroandremoch

    solution 1, I think.

    the logo should be much larger on smartphones. and centred.

    sure, I also could use a special logo for smart phone displays. I’m a little desperate and sad, because everything was easy using enfold and now I don’t know what to do.

    July 12, 2015 at 9:48 am #471977
    Rikard

    Hi!

    I wanted to inspect your page but I’m getting a 500 Internal Error, could you check please?

    Best regards,
    Rikard

    July 13, 2015 at 10:10 am #472210
    textbueroandremoch

    sorry, now you can check it.

    July 13, 2015 at 10:50 am #472226
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) {
.responsive .logo img {
  margin: auto;
}}

    Cheers!
    Yigit

    July 13, 2015 at 11:10 am #472252
    textbueroandremoch

    ok, done. on smartphones the logo is still slightly left from center.
    with “auto” the browser calculates the margin, I understand that. but maybe I need to change something additionally?
    and is it possible, that the logo is shown a little larger? double width?

    July 14, 2015 at 10:43 am #472967
    textbueroandremoch

    I’m sorry, the website is online again!

    July 15, 2015 at 12:18 pm #473651
    Ismael

    Hi!

    Please use this:

    @media only screen and (max-width: 767px) {
.responsive #top .logo, .responsive #top .logo img {
  height: 160px !important;
  max-height: 160px !important;
}

.responsive #top .logo {
  width: 100%;
}}

    Cheers!
    Ismael

    July 16, 2015 at 5:14 pm #474460
    textbueroandremoch

    ismael,

    I used your advice and added margin: auto. now everything is just great! thank you all so much, rigit, basilis, rikard! great advice, great job!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘logo problems smart phones’ is closed to new replies.