Docs

[[email protected]]

Hi Team,
I have a problem with the revolution slider on my home page, is not being responsive to all the screens,
I have an image of 1600 x 600. (see attached screenshot to see slider settings)

Hope you can help

Thank You

Nick

[Prasant Rai]

Hello Nick,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[[email protected]]

Sorry I forgot 🙂
the url is

http://poplabicepops.com/

Thanks

Nick

[Joao]

Hi Nick,

Please have a look on this thread :

https://community.theme.co/forums/topic/responsive-text-in-slider-revolution/

If you need more information, please check:

Hope that helps,

Joao

[[email protected]]

Joao,
That exactly what I did. But I’m having a hard time to my images to be responsive.
What else can i do?

Thanks Again

Nick

[[email protected]]

Also I dont have any text is just images.
Hope you can help

Thank You

[Joao]

Hey Nicolas,

I did not realize your texts were actually images, and when I went in the website that seemed like the biggest problem.

How have you happened to setup your text layers in the slider?

Did you position them by dragging and dropping them in the preview slide above all your settings, or did you use the alignment setting? We’ve found that using these alignment settings vs. simply dragging and dropping can create issues like this, which is why in all of our demos we manually place our elements (as you can see in our demonstrations all text is resized as expected on tablets and phones). Hopefully that helps you out with your particular situation.

All you need to do is manually specify the position of the layers on the slider. If you use the drag and drop feature of the revolution slider, it tends to have an issue calculating the actual position of the object inside the slider. Edit the slides then look for Layer General Parameters, specify the position of the element manually on the Align, Position & Styling section.

Hope that helps,

Let us know if you need further help.

Thanks,

Joao

[[email protected]]

Joao,
I think you are confuse,
My slider is only 1 image, No text, no layers
you can see the full image here

http://poplabicepops.com/wp-content/uploads/2016/02/Slide-Home-1.jpg

for some reason the image is not being responsive

Hope it helps

Let me know

Thank you

[Friech]

Hi Nick,

The slider itself is responsive on my end. Would you mind providing us a screenshot of the issue?

That’s exactly what we mean, the text is embedded on the image so we can’t style/resize this text individually.

Please clarify how do you want the slider looks when viewed on mobile.

Thanks.

[[email protected]]

Hi Guys,

For some reason the main menu is breaking into 2 lines on an ipad or smaller screen resolutions.
Can the menu be made to be responsive so it’s just one one line? That causes that the full image is not visible

See attached screenshot

Thank You

Nick

[Lely]

Hello Nick,

It happens because there’s not enough space to display the logo and the entire menu in one row.
We can adjust the logo width and menu spacing to accommodate all those content in a single row. Please add this CSS:

@media and (max-width: 1000px) and (min-width: 980px){
 .x-brand img {
    width: 184px;
 }
.ubermenu .ubermenu-target{
  padding: 15px 12px;
}
}

Hope this helps.

[[email protected]]

It did not work, still is doing the same thing.
Any other Suggestion?

Thank You

Nick

[[email protected]]

see attached screenshot

[Jade]

Hi Nick,

Please try this CSS:

@media and (max-width: 1035px) and (min-width: 981px){
     nav.x-nav-wrap.desktop {
        float: right !important;
    }

    .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 13px;
    }

    #menu-item-197 a,
    #menu-item-198 a,
    #menu-item-199 a {
        padding-left: 0;
        padding-right: 0;
    }    
}

Hope this helps.

[Author]

Posts