Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 17, 2024 at 5:21 pm #1473846
    beenee

    Hi all,
    as the topic suggests: how would I hide the header background image on mobile and show only logo.
    I clicked myself through the forum, but none of the suggestions worked for me.

    Can you help, please?
    txs
    Stefan

    Last thing I tried was:
    `@media only screen and (max-width: 767px) {
    .home #av_section_1 {
    background-image: none;
    }
    }

    December 17, 2024 at 9:29 pm #1473850
    Rikard

    Hey Stefan,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    December 18, 2024 at 4:54 pm #1473923
    beenee

    Thanks Rikard,
    …after the 3rd reload it worked on Android incognito browser… :-)
    And sorry. I forgot to save the admin access, this should work now if you’d like to have a look.

    Now I have to center the logo… I’ll give it a try and get back to you.
    txs
    S

    December 18, 2024 at 6:13 pm #1473941
    Mike

    Hi,
    To center the logo on mobile try adding this css:

    @media only screen and (max-width: 767px) { 
#header_main .logo img {
	top:0;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 19, 2024 at 5:06 pm #1474014
    beenee

    You guys are brilliant! Thanks and lovely Holidays.
    Ticket can be closed.

    December 19, 2024 at 5:09 pm #1474016
    Mike

    Hi,
    Glad we were able to help, Merry Christmas to you also. If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hiding header background image on mobile – show only logo’ is closed to new replies.