Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • October 15, 2018 at 2:19 pm #1021592
    campustalenti

    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.
    October 15, 2018 at 2:20 pm #1021593
    campustalenti

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

    October 16, 2018 at 4:45 am #1021942
    Rikard

    Hi,

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

    Best regards,
    Rikard

    October 16, 2018 at 9:53 am #1022069
    campustalenti

    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ù.

    October 17, 2018 at 3:56 am #1022494
    Rikard

    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

    October 17, 2018 at 9:07 am #1022635
    campustalenti
    This reply has been marked as private.
    October 18, 2018 at 4:20 am #1023101
    Rikard

    Hi,

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

    Best regards,
    Rikard

    October 18, 2018 at 10:23 am #1023251
    campustalenti

    Unfortunately yes

    October 18, 2018 at 7:02 pm #1023572
    Victoria

    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

    October 19, 2018 at 9:14 am #1023789
    campustalenti

    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;
    }
    }

    October 19, 2018 at 5:27 pm #1024073
    Victoria

    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

    October 22, 2018 at 12:21 pm #1024810
    campustalenti

    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

    October 22, 2018 at 12:22 pm #1024812
    campustalenti

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

    October 24, 2018 at 10:17 am #1025841
    campustalenti

    Hello!
    Any news?

    October 24, 2018 at 2:43 pm #1025916
    Victoria

    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

    October 25, 2018 at 9:50 am #1026253
    campustalenti

    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

    October 26, 2018 at 12:34 pm #1026759
    Victoria

    Hi campustalenti,

    Do you have billing enabled and your project authorized?

    Best regards,
    Victoria

    October 26, 2018 at 12:51 pm #1026775
    campustalenti

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

    October 27, 2018 at 4:59 pm #1027095
    Victoria

    Hi Alessio,

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

    Best regards,
    Victoria

    October 29, 2018 at 11:21 am #1027445
    campustalenti

    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

    October 29, 2018 at 1:53 pm #1027542
    Victoria

    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

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