responsive

[pnguyenhuu]

Hello the team,

I have the same problem, i add this code in my website but its not responsive …

#header.sticky #site-logo {
top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.image-toggle .text-content p, .video-toggle .text-content p {
display: none; } }

1. the logo is hanging on that menu space when i scroll down. it wasn’t doing that before so i don’t know what happened
2. the text beside the video are not showing properly when i make the web browser smaller.
3. picto is not in the same line

can u help me please. do u need my wp-admin ?
thanks

[Veena]

1. I am not seeing any site logo issue.

2. Yes please share a temp login to your site as a private msg, will take a look.

[pnguyenhuu]

This reply has been marked as private.

[Veena]

This reply has been marked as private.

[pnguyenhuu]

This reply has been marked as private.

[Veena]

That is because you have added the below custom CSS in themeoptions –

  @media only screen and (min-width: 768px) and (max-width: 1024px) {
         .image-toggle .text-content p, .video-toggle .text-content p {
    display: none; } }

We have given this solution to avoid the text content overlapping issue , otherwise the text content get overlapped for screen width in between 767px and 1024px.

[pnguyenhuu]

This reply has been marked as private.

[Veena]

Pls use the below custom CSS in themeoptions and see if it helps –

.text-content .heading .title.big{
    font-size: 36px;
}
.text-content p {
    font-size: 15px;
}

[Author]

Posts