Fixing mobile header image size

  • libbystenzel

    (@libbystenzel)


    4 years ago

    Hello!

    I am looking for help with the proper css to adjust my header (everyday chocolate) and wording directly under the header so that it is slightly less wide when viewed with a mobile device (i.e., so that it is not cut off). Thank you!

    • This topic was modified 3 years, 12 months ago by Jan Dembowski.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p

    (@t-p)

    4 years ago

    Mobile compatibility is theme-dependent.

    Looking at your site, you use opus-blog theme.

    I recommend asking at https://ww.wp.xz.cn/support/theme/opus-blog so the theme’s developers and support community can help you with this.

    Varshil

    (@varshil151189)

    4 years ago

    Hello @libbystenzel,

    Apply below css to solve your issue

    @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .main-navigation ul li a{
        padding: 0 8px;
        font-size: 11px;
    }
}
    Thread Starter libbystenzel

    (@libbystenzel)

    4 years ago

    Thank you for the reply – unfortunately I am not seeing any changes when entering that CSS – not sure what the issue is?

    Varshil

    (@varshil151189)

    4 years ago

    Hi,

    I think the CSS is yet not applied. Can you please try to put the css in your style.css file?

    Thread Starter libbystenzel

    (@libbystenzel)

    3 years, 12 months ago

    I tried that and it didn’t do anything :/

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Fixing mobile header image size’ is closed to new replies.