New Landing › How can we help? › Themeforest Theme Support › Dante › Background image on tablet/mobile

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Dante
  • April 6, 2014 at 6:25 am #64740
    esucces
    Member
    Post count: 80

    Hi Dante team!

    On all my pages I use a “Page Title Background” image. Looks good on desktop and tablet landscape mode.
    But on mobile and tablet portrait, the image is “pushed” down under the logo/mobile menu. See screenshots.

    Why is that happening, and can you help me solve this?

    April 6, 2014 at 6:25 am #64745
    esucces
    Member
    Post count: 80
    This reply has been marked as private.
    April 7, 2014 at 4:03 pm #65051
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options 

    @media only screen and (min-width: 767px) {.page-heading h1{margin-top:-90px}}
@media only screen and (max-width: 479px) {{.page-heading h1{margin-top:-90px}}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    April 8, 2014 at 9:04 am #65219
    esucces
    Member
    Post count: 80

    Sorry Mohammad – but that has no effect whatsoever?!

    April 8, 2014 at 9:15 am #65225
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove that one code and use this one

    @media only screen and (min-width: 767px) {.page-heading h1{margin-top:-90px}}
    @media only screen and (max-width: 479px) {.page-heading h1{margin-top:-90px}}

    Thanks 🙂
    With Best Regards
    Swift Ideas

    April 8, 2014 at 9:17 am #65228
    esucces
    Member
    Post count: 80

    Still no effect at all – neither on mobile or tablet 🙁

    April 8, 2014 at 9:28 am #65236
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please check after clear cache . It should work 100% .
    Thanks

    April 8, 2014 at 9:36 am #65243
    esucces
    Member
    Post count: 80

    I’m truly sorry, but that does not work…

    I cleared cache on both mobile and tablet. No luck. I tried “incognito mode”. No luck.

    But it for sure messes up the view in desktop mode! See screenshot…

    April 8, 2014 at 9:42 am #65248
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove all of my css and check in desktop mode . Let me know your feedback . After I will suggest further .
    Thanks 🙂
    With Best Regards
    Swift Ideas

    April 8, 2014 at 9:44 am #65252
    esucces
    Member
    Post count: 80

    Without your code, site looks good on desktop and tablet portrait again 🙂

    April 8, 2014 at 10:07 am #65275
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this code for mobile and let me know your feedback .
    @media only screen and (max-width: 479px) {.page-heading {margin-top:-155px}}

    Thanks

    April 8, 2014 at 10:32 am #65290
    esucces
    Member
    Post count: 80

    That’s a winner Mohammad 🙂 Looks good!

    April 8, 2014 at 10:42 am #65300
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this code now for tablet
    @media only screen and (max-width: 991px) {.page-heading {margin-top:-155px}}

    Thanks

    April 8, 2014 at 10:46 am #65304
    esucces
    Member
    Post count: 80

    Thanks, solution works perfectly 🙂

    Just a little extra question:
    How do I make the little mobile menu icon white instead of black?

    April 8, 2014 at 10:55 am #65311
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this css
    #logo a.mobile-menu-show{color:#fff;}
    Thanks

  • Back to forum
    Posted in: Dante
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register