Mobile Phone

Resolved aydan1
(@aydan1)

6 years, 9 months ago

Hello guys!
I have a question and hope you can help me.

It’s about the mobile phone view.

When I open the website on the phone, the logo of my name will be displayed large or only half of it. Do you know how to reduce it to a smaller size?

Then I would have another thing that I can not fix, unfortunately. It’s also about the phone view. It’s about the Instagram Widget, which is wider on the phone than Pinterest’s (below).

Do you know how to get them to the same size or width and height as Pinterest?

Thanks in advance!

The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)

Fotis
(@markwaregr)

6 years, 9 months ago
Hi there,
you can add this
```
@media(max-width:767px){
    header .site-logo {
    background: none;
    width: 80%;
    margin: auto;
}
}
```
in your custom CSS box to fix your logo. Also, try this
```
#text-6 span{
    max-width:300px!important;
}
#text-6 .textwidget{
    margin-left:-26px;
}
```
for your Pinterest widget.
Let me know if you need additional help on this.
Thread Starter aydan1
(@aydan1)

6 years, 9 months ago

Hello Fotis!

Thank you for your answer. You’re always so helpful!

The first css about the logo has worked, but not the second css for the instagram widget.

The css what you wrote down is I think for Pinterest, right? But I mean the css for the instagram widget in the side-bar.

Do you know how I can get the same size like the pinterest widget for the instagram widget? I mean that the instagram widget stands out from the edge just like the pinterest widget.

Thanks a lot Fotis!

Fotis
(@markwaregr)

6 years, 9 months ago

Hi there,
I am sorry I misunderstood!
Can you readd them so I can provide a correct fix for Instagram instead?

Thread Starter aydan1
(@aydan1)

6 years, 9 months ago

Hello Fotis,

I’am sorry, but I don’t unterstand what you mean?
What should I readd?

Fotis
(@markwaregr)

6 years, 9 months ago

Hi,
I dont see the Instagram and Pinterest widget. Can you send me a URL where they appear?

Thread Starter aydan1
(@aydan1)

6 years, 9 months ago

Hi Fotis,

this is the link: https://aydannaghiyeva.de/about/
But you must know I have the problem with the mobile view and not with the deskop view. The deskop view is okay, but on the phone it looks strange.

Thanks a lot!
Fotis
(@markwaregr)

6 years, 9 months ago
Hi there,
can you try this only for mobile
```
@media(max-width:767px){
#text-3{
padding:0 20px;
}
}
```
in your custom CSS box.
Let me know if you need additional help on this.
Thread Starter aydan1
(@aydan1)

6 years, 8 months ago

You are a genius! It worked, thanks Fotis!

Can you help me with another thing too? It’s about the email widget (so where the guests can sign up for the newsletter, it’s also like the Instagram and Pinterest widget in the sidebar) Can you also set it to the same size? It assumes the same width as the sidebar in both the mobile view and the deskop view. I also want it to have the same breadth as Instagram and Pinterest.

And can you tell me how I can change the gray background of the email widget to white?

Thank you very much! You are always a great help to me!

Here is the link to what I mean : https://aydannaghiyeva.de/about/
Fotis
(@markwaregr)

6 years, 8 months ago
Hi there,
Glad I could help!
Can you try this
```
.es_required_field.es_txt_email {
    background: #fff;
    max-width: 80%;
    box-sizing: border-box;
}
```
in your custom CSS box and let me know if it looks better?
Thread Starter aydan1
(@aydan1)

6 years, 8 months ago

Many thanks, Fotis! It worked 🙂

Fotis
(@markwaregr)

6 years, 8 months ago

Glad to hear that! 😀

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Mobile Phone’ is closed to new replies.