Home › Forums › WoodMart support forum › Responsive banner

Responsive banner

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2021 at 4:52 pm #293411

    lenamtl
    Participant

    Hi,

    How can I set the banner to be responsive?
    I woukd like to see the entire banner txt & image on smaller device too…

    These are banner to display information and this not displaying any product.
    So it’s just text and image.

    The banners are set like this
    Banner examples:
    -image and text
    -text and image
    -text image text

    At the moment I only see the text on small view how can I fix it?

    Thanks

    May 19, 2021 at 7:38 am #293565

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please provide some relevant screenshots of the specific area with the URL of the page where you added the banners to check it myself and help you out accordingly.

    Best Regards

    May 23, 2021 at 12:42 pm #294784

    lenamtl
    Participant

    Hi,

    I use this example https://woodmart.xtemos.com/blog/woodmart_element/subscription-boxed/
    but in my case the text is already on the image banner.

    The example use background-image and when resized it only display the center of the banner image so some part are not visible when image is resized (left and right part).

    1-
    Is there a way to display different banner image based on the size using WPBakery
    or I have to create custom CSS for that?

    2-
    What are the media query breakpoint of the theme?

    May 24, 2021 at 8:56 am #294957

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I Have visited the example you provided.

    1) Please add the element on your website and provide the URL of the page where you added it to check it myself whether it is possible to change the image size with Custom CSS.

    2) What kind of breakpoints do you mean? If you are about our media queries so you can find them in the style.css file.

    Regards.
    Xtemos Studios

    May 27, 2021 at 12:43 am #295783

    lenamtl
    Participant

    The problem is when resizing to small device for log banner (full width)
    when resizing we loose the start and the end of the banner so we just see the center of the banner.

    I know I can set a different banner base of the media query but I was wondering if anything was present into WPbakery to achieve the same.
    For example display banner 1 for large monitor and banner 2 for smaller monitor.

    For now what I do is using 2 or 4 box to display the banner so I switch from rectangle to square but it’s not very good for bigger banner that need more attention.

    Let me know which method should I use for resizing.

    May 27, 2021 at 7:47 am #295845

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry but there is no other option available.

    You can apply a trick by using the Responsive Option of Wp-Bakery page builder columns and hide specific columns for specific devices and configure it according to your needs.

    Screenshot for Clarification: https://ibb.co/rcWC0Tn

    Regards.
    Xtemos Studios

  • Author
    Posts

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)