Banner image on mobile

  • Author
    Posts
  • #137484

    noopface
    Member
    Original poster

    Hello, first of all, I love the theme. It’s really lovely.

    I’m having a minor issue with the banner size on mobile. I’d like to reduce it in size because the text from my image is off the screen on mobile devices. Of course, I’d only like to reduce the size of it on mobile devices because I like the look of it on desktop, at the moment.

    Thanks for your time.

    The blog I need help with is: noopface.com

    #137495

    themetrust
    Theme Author

    Hi,

    Great! Glad you like it!

    Here is some custom CSS that’ll do that. But you’ll also want to add a background color to match your image. You’ll want to fine tune the values as well.

    
    @media only screen and (max-width: 480px) {
    	
    	.video-background {
                background-size: 980px !important;
                background-color: #ffc30d;
            }
    }
    
    #137497

    noopface
    Member
    Original poster

    Thank you for getting back to me so fast. That worked really well, thank you. I made a slight adjustment and it’s ideal. Thanks again! Have a great day.

    #137521

    themetrust
    Theme Author

    Awesome! Happy to help.

The topic ‘Banner image on mobile’ is closed to new replies.