[VictorParticipant]

Hi i am putting some custom html in the Revolution Sliders slide how to make responsive and what it the rules and best practice for response html content in Revolution Sliders slides

[SupportMember]

Hey Vishal,

Thanks for dropping in!

Basically, text layers are added in a div with a class of tp-caption, so you can add something like the following css code snippet to the Customizer > Custom > CSS

@media all and(max-width:768px){
  .tp-caption{
    font-size:12px;
    /* etc... */
  }
}

But to assist you further with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[VictorParticipant]

Thanks for replying. This is my site link http://www.gameplancloud.com/construction-software/ as you can see there is a box on slider with a textbox and button that’s what i need in my design.

[AlexanderKeymaster]

Hi Vishal,

That looks great! Are you having any issues with it? I don’t see anything wrong with your HTML or CSS. If you need any more assistance, could you be a bit more specific? We’re limited in the custom development support we can provide, but might be able to offer general advice similar to the post above.

[VictorParticipant]

well the problem with the responsive behavior if you will check it on the small screen the button and text box is not looking good. on 360×640 its not looking good as there is lots of inline css added by the theme. That’s why i need your help to know how the inline css is working and how to manipulate these css. on 360×640 the fields div overlap the text. please check this image

[RadModerator]

Hi Vishal,

I would like to help you with alignment, but I need get your slider. Could you export your slider and post its url here so I could download it?

Thank you.

[VictorParticipant]

ok but you have to guide me that how can i export slider and send its link to you.

[RadModerator]

Hi Vishal,

You could just go to Admin > Rev. Slider then find which slider, and click “Export Slider” button. You should get a zip package, then upload that zip file at your site and post the resulting url here.

Thank you.

[VictorParticipant]

i tried to export file and try to open it. getting following message when i open zip in text editor

{“success”:false,”message”:”No response output on <b> export_slider <\/b> action. please check with the developer.”}

[RadModerator]

Hi Vishal,

Weird, could you provide a login in private?

Let us know, then we will check it too.

[VictorParticipant]

This reply has been marked as private.

[RadModerator]

Hi Vishal,

For firefox issue, please add this css.

.x-img, .x-img img {
max-width: 100%;
display: block;
width: 99.9%;
}

For slider, I added an ID slide_subscribe at your slider’s subscription form. Then this css :

@media (max-width: 306px) {
#slide_subscribe {
top: 60% !important;
}
}

You could do the same with other pages, modify width, formatting, floating, etc. with just class or ID selector. Except don’t use margin and padding, it may cause layout issue.

Hope this helps.

[VictorParticipant]

thanks firefox issue is solved but the for slider the landscape view is not working i need to fix size of textbox and button for all screen

[VictorParticipant]

also when i checking theme on mobole and open keypad then layot again not looking same

[MrinalMember]

Hey Vishal,

You’re using too old version of the theme, Version: 1.8.4, Please update your theme to latest Version: 2.1.0, to avoid layout issues in different devices.

Check this article: http://theme.co/x/member/kb/updating-your-theme-and-plugins/ for the help on updating your theme.

Hope this helps, Cheers!

[Author]

Posts