Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #815583

    Hi kriesi-Team,
    I integrated a custom background image on a site overall width for the header. Unfortunately the image is not completely shown on a smart phone or tablet.
    Can you help with a littler script for the custom CSS (Quick CSS)?

    Please try and see the page on desktop and on mobile in the private content to see what i mean..

    Thanks a lot in advance
    regards
    Vivian

    #816101

    Hey Vivian,

    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Yigit

    #816331

    Hi Yigit..

    Thats not, what i mean. I want to display the top image in the header in a customized size also on mobile. at the moment is the header image on mobile just to see as section (part of the hole image).
    Please see the screenshots in private content..

    regards
    Vivian

    #816332

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px) {
    .header_color .header_bg {
        background-size: contain;
    }}
    

    Best regards,
    Yigit

    #816336

    perfect.. thanks.. now its perfect.. :-*

    have a great day..
    regards
    Vivian

    #816340

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘different representation of custom background image on desktop and mobile’ is closed to new replies.