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 6 months, 1 week ago.

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



    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. 🙁


    Any help would be greatly appreciated!



    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.



    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.

    ThemeGrill Support

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

You must be logged in to reply to this topic.