Header widget not responsive

Home Forums Spacious Free Header widget not responsive

This topic contains 2 replies, has 2 voices, and was last updated by  Nilan 1 week, 5 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1323848

    heidil
    Participant

    Hello,

    I am using Spacious free theme and when I’ve used it before, the header widget seems to be responsive. However, I aligned the menu to the left beneath the logo, which may be why I am having an issue. When I place anything in the right header widget area it looks good on desktop, but then squishes in a single row against the right edge of the device on mobile. Please let me know what I did wrong. 🙁

    http://faeriesintheattic.com/wordpress3/

    Any help would be greatly appreciated!

    #1323874

    heidil
    Participant

    I solved the issue by hard coding the social icons in the header and not using the header widget area. The header widget area dos not behave responsively on mobile.

    #1323941

    Nilan
    Moderator

    Hi Heidil,

    Please, add the following CSS to your custom CSS.

    #header-logo-image {
        float: none;
        text-align: left;
    }
    
    .alignright {
        display: block;
        float: none;
        text-align: right;
    }

    Hope this will solve your problem. If there is anything else you need regarding our theme, please let us know.

    Regards,
    ThemeGrill Support

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.