Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 3, 2015 at 3:43 pm #390128
    famewebdesign

    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

    February 3, 2015 at 3:55 pm #390142
    Yigit

    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

    February 3, 2015 at 4:09 pm #390149
    famewebdesign

    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?

    February 3, 2015 at 4:20 pm #390158
    Yigit

    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

    February 3, 2015 at 4:38 pm #390184
    famewebdesign

    Now it’s perfect!

    Thanks!

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