Edit responsive Desgin header - by chouston92

This topic has 2 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

  • Avatar: chouston92
    chouston92
    Participant
    April 16, 2014 at 13:40

    Hi,

    I am wanting to edit the responsive design so when on the mobile site the header logo is positioned in the center. Also I would like to make the menu sidebar the full width of the screen when clicked. Is this possible? If so how.

    Thanks
    Callum responsive design

    1 Answer
    Avatar: Eva
    Eva Kemp
    Support staff
    April 17, 2014 at 15:47

    Hello,

    Unfortunately we can’t reproduce the issue with logo on our side. Could you please provide us with the site and admin panel credentials? Also please attach a screenshot of how the logo is displayed on your device.

    To make the menu sidebar the full width you need to change styles for media inquiry in custom.css.
    Here is the example of the code:
    @media (max-width: 479px) {.mobile-nav {width: 100%;}}

    How to create custom.css file you can find here .

    Regards,
    Eva Kemp

  • Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Edit responsive Desgin header’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.