Home Forums Pro Themes Corporate Education Pro Header section not compliant (disorganized) when viewed on phone

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #120515
    Israel Olakanmi
    Participant

    Dear Team, thank you always. My header is not mobile compliant as seen in the demo. When I view my site http://www.salvationdaughtersfoundation.org/home on phone, the header becomes disorganized. Kindly help. Thanks.

    #120517
    Israel Olakanmi
    Participant

    For example, the search widget hides behind the headline. How can i set the background color for the menu label as seen in the mobile view? How can i change the font type and size of the site title and site tagline?

    #120596
    wensolutions
    Keymaster

    Hello,

    Regarding your query about the mobile view, when we inspected your site URL everything is working fine. So if you still facing a disorganized header, please provide the screenshot so that we can provide you precise fix.

    Also, to add color in background of menu, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS,

    @media screen and (max-width: 992px){
    #page .site-header #site-navigation {
    background-color: #6d99b3;
    }
    }

    You can change color as per your requirement.

    Hope this helps.

    Thank you.

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