Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #1021592

    Hello,
    How do i disable background image on mobile (color section/section background).
    I tried different css, i have to find the right way on desktop and mobile. Now on desktop works fine, i have to solve mobile visualizzation. Please help.
    Alessio

    • This topic was modified 6 years, 9 months ago by campustalenti.
    #1021593

    Sorry i forget, i have a problem padding using logic zen menù whe i use center logo on menù.

    #1021942

    Hi,

    Could you post a link to where we can see the problem and try to explain a bit further please?

    Best regards,
    Rikard

    #1022069

    Hi, just have a look on home page color section/section background from desktop and mobile on http://www.progettogeneratori.it, and see the difference betwenn image background.
    then problem padding using logic zen menù whe i use center logo on menù.

    #1022494

    Hi,

    Thanks for that, so you don’t want the background image on mobile screens? If so then please this in Quick CSS:

    @media only screen and (max-width: 767px) {
    .home #av_section_1 {
        background-image: none;
    }
    }

    Best regards,
    Rikard

    #1022635
    This reply has been marked as private.
    #1023101

    Hi,

    Did you delete the old CSS and JS files under Enfold->Performance before you checked the results?

    Best regards,
    Rikard

    #1023251

    Unfortunately yes

    #1023572

    Hi campustalenti,

    Try the code like this:

    
    @media only screen and (max-width: 767px) {
    .home #av_section_1 {
        background-image: none !important;
    }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1023789

    Hi Victoria!
    It works but only in home.
    i tried to insert also this css but with no results:

    @media only screen and (max-width: 767px) {
    .home #av_section_1 {
    background-image: none !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .about #av_section_1 {
    background-image: none !important;
    }
    }

    #1024073

    Hi campustalenti,

    Can you give us links to other pages where it is not working? I didn’t know you had it on other pages.

    Best regards,
    Victoria

    #1024810

    i have it on all pages.
    home
    about
    project
    contesm
    media
    blog
    join us
    contact
    If you go forward on this conversation you can find the credential to access on the web site http://www.progettogeneratori.it
    Thanks
    Alessio

    #1024812

    Do you think it’s possible on enfold theme upload a different image that goes on mobile?
    Bye

    #1025841

    Hello!
    Any news?

    #1025916

    Hi campustalenti,

    Please, try this code instead:

    
    @media only screen and (max-width: 767px) {
        #top #wrap_all #main .avia-section  {
            background-image: none !important;
        }
    }
    

    If you want an image to show, you can add the image with this code too.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1026253

    Goodmorning Victoria, great it works!
    Now i’m in trouble with google maps on contact page…i just generate the key but even if the check is ok won’t work.
    Thank you

    #1026759

    Hi campustalenti,

    Do you have billing enabled and your project authorized?

    Best regards,
    Victoria

    #1026775

    Hi Victoria, i think yes…how can i check this options.
    Best regards
    Alessio

    #1027095

    Hi Alessio,

    Those are in your Google dashboard, you need to check it there.

    Best regards,
    Victoria

    #1027445

    Ok Victoria i will check it.
    Now i was checking mobile version and social icons are disappeard on header.
    How can i fix this?
    Thank you
    Alessio

    #1027542

    Hi Alessio,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
        .responsive #top #wrap_all #header .social_bookmarks, 
        .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
            display: block;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

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