Visual composer Columns issue

eaglecomr

Using visual composer with ultimate plugin. Having full width row. Divides columns into 2 perfectly. If using creative always open left menu, The menu overlaps the left column whereas it should automatically adjust the columns after the menu column as on http://themes.muffingroup.com/be/interior/offer/. Please suggest what should be done. Regards, Ravi

eaglecomr

While trying to figure out, in Muffin builder there is a option of Style ( Highlight left, Highlight left ). How to incorporate that in Visual Composer. Think that will resolve my issue. 

One more issue. How to re-size Text of Slider  to proper dimensions that makes it readable on smaller screens. Seen other themes. It does not re size in Revolution Slider in those themes also.. Jupiter uses Edge Slider, Avada uses Fusion slider to cope with the issue. 

Regards, Ravi

Albert

Hi,

please send us url to page where you got a problem with menu and we'll have a look on it. But about font sizes, we use Revolution Slider and do not have other slider at all. If you want to resize fonts on smaller devices, you must use @media only screen css for text.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eaglecomr

Please send the css to be be used. I will upload the demo of VC problem and inform. Regards, Ravi

eaglecomr

http://gotoindia.com/be/visual-composer/   is the link. In case you need login details, please send the link where I can send the details. Regards, Ravi

Albert

Right css for fonts inside revolution slider you can get from responsive.css file or you can use Firebug tool. If you will send us url to page where slider is, we can gibe you and example code. But to fix the problem with menu and content, please use below css:

@media only screen and (min-width:1240px){
 .vc_row[data-vc-full-width] {
     padding-left: 250px;
 }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eaglecomr

Thanks. That's called support. Perfect.

Link for slider : http://gotoindia.com/be/revolution-slider/  Please let us know the example code and where it is to be placed.

Thanks in advance.

Albert

To change font size on smaller screens in rev slider, please use below css:

@media only screen and (max-width: 767px) {
    .tp-caption.mfnrsyogalargewhite, .mfnrsyogalargewhite { font-size: 20px !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

eaglecomr

That worked. Much better. One last request. http://gotoindia.com/be/handyman/. What will the css for logo, image button and caption for mobile. Thanks for all the effort. Regards, Ravi

Albert

If you mean elements inside revolution slider, then it is a little bit more complicated and you should contact with your website developer because this needs changes inside revolution slider where custom css can be set. You can play with below css to set images and buttons but we are not sure if this will work as you want:

@media only screen and (max-width: 767px) {
    #mfn-rev-slider a.button .button_label { font-size: 20px !important; line-height: 20px !important; }
    #mfn-rev-slider .tp-caption img { height: 100px !important; width: 100px !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next