Need Header Banner to be larger plus be responsive on mobile

http://www.ricecreative.co.uk/mobility/

Hi, on the site above i need the header banner (top right) to be twice the size plus then reduce and fit full width on mobile phones. Could you supply me with the css to do this?

:slight_smile:

  • Sajid

    Hello Studio3creative,
    Hope you are doing good today :slight_smile:

    I tried to make it twice the size but in this case, it is overlapping the left log and menu. So I made it big as much as I can aligned center in the header.

    .header-magazine #Top_bar .banner_wrapper {
        display: block;
        position: absolute;
        right: 0px;
        top: 39px;
        width: 600px;
        height: 60px;
        text-align: right;
        z-index: 9999;
    }
    
    .header-magazine #Top_bar .banner_wrapper img {
        display: inline-block;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        width: 100%;
    }

    On mobile devices, it is centre for me already and scaling the size too.

    Could you please share the screenshot of the issue here so I could provide you CSS code accordingly.

    Take care and have a nice day :slight_smile:

    Best Regards,
    Sajid - WPMU DEV Support

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.