Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #390128

    Hello,
    Please check http://chaos2work.com/wp/
    I’ve added a header background image (“the solution ….”) but on a Phone it’s not showing correct. Is there a way that the header background image is NOT showing on a Phone?

    Thanks for your answer!
    Martine

    #390142

    Hi famewebdesign!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Regards,
    Yigit

    #390149

    Thanks Yigit! That works fine!
    Do I have to increase the max-width to remove the backgroud image on a tablet also?

    Is there also a way that the menu will not run though the logo on a tablet?

    #390158

    Hi!

    Yes, you can set it to 769 or 990px.
    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px then add following code to Quick CSS

    @media only screen and (max-width: 1100px) {
    .av-main-nav > li > a { padding: 0 6px; }}
    .av-main-nav > li > a { padding: 0 10px; }

    Regards,
    Yigit

    #390184

    Now it’s perfect!

    Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘header background image’ is closed to new replies.