• ugobest2

    (@ugobest2)


    Am having issues with my wordpress website hosted by godaddy. On desktop the website displays completely, but on mobile the logo is stretched, the tagline is missing, please help address this issue.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hank

    (@poku1010)

    @ugobest2

    The logo gets stretched on mobile devices due to the following CSS rule in the theme:

    @media (max-width: 575px) {
        header .logobx img {
            width: 98%; 
        }
    }

    To fix the logo’s width, you can add the following CSS to enforce a fixed width:

    header .logobx img {
        width: 100px !important;
    }

    As for the missing tagline, this is part of the theme’s original design, which hides the tagline on smaller screens:

    @media (max-width: 575px) {
        header .tophead li p {
            display: none;
        }
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.