Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 9, 2017 at 3:49 pm #818394
    Tommy

    Hi,

    when i open my webite in pc, the header is ok, but when i open in mobile, the header is confusion, please see the picture in private content.

    Best regards,

    Tommy

    July 9, 2017 at 4:53 pm #818406
    Mike

    Hey Tommy,
    Do you mean that there is a background image in the header that has text and a phone number, that goes behind the logo in mobile view?
    Try going to Enfold Theme Options > Header > Extra Elements and enabling the phone info box. This will make that area drop below the logo in mobile. Perhaps your other text image can be changed to text and used in the secondary menu area, or in the Extra Elements before the phone info.
    postimage
    Best regards,
    Mike

    July 11, 2017 at 4:32 pm #819491
    Tommy

    Hi Mike,

    The style of enabling the phone info box is not suitable for me, so i upload a Custom Background Image in the logo area, and it looks good in PC, but when i open it on mobile, it become very ugly because the logo and background image can’t adjust automatically, so please help me to solve this.
    or tell me how to make the Custom Background Image Invisible when open in mobile.

    Thanks,

    Tommy

    July 11, 2017 at 11:51 pm #819716
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

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

    Best regards,
    Yigit

    July 13, 2017 at 5:57 pm #820704
    Tommy

    Hi Yigit,

    thank you, it works, but there still another problem.
    i set manu background in red and font color in white, as you can see in my website, but when i open my site in mobile, both menu background and font color are white, then i can see nothing of menu, please tell me how to set the background of menu in red when open in mobile.

    Best regards,

    Tommy

    July 13, 2017 at 6:27 pm #820715
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {

.av-hamburger .av-hamburger-box .av-hamburger-inner, .av-hamburger .av-hamburger-box .av-hamburger-inner::before, .av-hamburger .av-hamburger-box .av-hamburger-inner::after {
background-color:red!important;
}

.html_av-overlay-side #top .av-burger-overlay-scroll{
background:red!important;
}
}

    Best regards,
    Jordan Shannon

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