Header Size on Mobile

  • Resolved roelne

    (@roelne)


    5 years ago

    I am completely new to the whole website building thing. After weeks I’ve finally managed to get my website looking reasonable – only to find that on mobile, my header is so small and narrow to the point where it looks terrible!

    How can I change the size of my header image on mobile so that it is a lot wider and not just a narrow strip across the top of the screen? I am happy with my header size on the desktop website – just not mobile.

    Thanks ??

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • wprsupport

    (@wprsupport)

    Hi @roelne

    At first, thank you for your response and for choosing our theme.

    Please navigate to Dashboard > Appearance > Customize > Additional CSS and insert the CSS snippet below:

    @media screen and (max-width: 550px) {
.entry-header {
height:180px !important;
}
}

    Kind Regards

    Theme Author WP Royal

    (@wproyal)

    Hi,

    If you have any other questions feel free to open a new support topic and we will do our best to help you.

    Kind Regards,
    Nick

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Size on Mobile’ is closed to new replies.