Resize Background Photo on Home Page

Home Forums Jevelin Theme Resize Background Photo on Home Page

Home Forums Jevelin Theme Resize Background Photo on Home Page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • michigankathleen
    Participant

    I used the portfolio template (which, funnily enough, doesn’t load as a “template” option in the visual builder). I replaced the photo with my own, but when I load on mobile, it cuts off the photo (my face, more importantly!). I tried messing around with the “Background Image Options” under the section edit menu, but couldn’t get it to automatically resize itself on mobile. It resizes itself to a point on my laptop. It’s currently set at “cover”. Is there a work around to get it to show in its entirety on the mobile version?

     

    kathleenpduffy.com

    Hi @michigankathleen,

     

    I hope you are well today and thank you for your question.

     

    I visited your shared site on mobile but don’t see the issue on it as shown in the attached screenshot.

     

    Could you please tell me a bit more in detail where the issue is occurring for you so that i can help you?

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    michigankathleen
    Participant

    The issue is with my homepage cover graphic. I’d like the photo of me to shrink down on mobile so my face isn’t cut off. Thanks for your help.

    Attachments:
    You must be logged in to view attached files.

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-section-9e0de3170d3a4ed4df7e5b0ef52ef9b5 {
        background-position: center right;
    }
Viewing 4 posts - 1 through 4 (of 4 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form