Tagged: 

Viewing 4 posts - 1 through 4 (of 4 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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.