Support » Theme: Virtue » Virtue kadence Image menu not scaling

  • Resolved tahli

    (@tahli)


    Hi,

    I am using Virtue free theme and am having trouble with the image menu on the home page not scaling/re sizing on smaller screens. The sides of the images cut off (before finally wrapping), which I don’t want to do as the image have text on them. I would really appreciate if someone could advice me on a way to fix this.

    I have tried:

    max-width: 100%;
    height: auto;

    The site address is: http://www.thebiblenetwork.org.uk

    Thanks,
    Tahli

Viewing 3 replies - 1 through 3 (of 3 total)
  • this might be a quick fix. those divs are using background images and the theme author probably wasn’t counting on a user making images with text on them.

    .infobanner {
        background-size: contain !important;
    }

    adding that to your custom css or child theme’s style css should make the images viewable at all sizes, however, it may leave larger gaps between them than desired on smaller screens.

    Hey,
    The image menu is only an option in the premium theme. I’m seeing that you are in fact using the premium theme and in that case just make sure you have the latest version and there you can choose to set a fixed height where the image is set to cover or a responsive height where the height is based on the image so it changes. Just choose the option for the height based on image size.

    Kadence Themes

    Thread Starter tahli

    (@tahli)

    Hi,

    Thanks so much for your help. Ops, yes I am running premium, my mistake. I upgraded and that worked!

    Cheers,
    Tahli

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Virtue kadence Image menu not scaling’ is closed to new replies.