Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #818394

    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

    #818406

    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

    #819491

    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

    #819716

    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

    #820704

    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

    #820715

    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

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