Header Image truncated cut off on Mobile

  • Hi all
    I have read through almost all possible threads online but couldn’t resolve it even after applying Additional CSS of all kinds.
    If you view varunaraina.com on Desktop or “view as desktop” on Mobile, it looks fine:
    https://pasteboard.co/IZkVfLg.png

    But if you view on mobile it looks cut off:
    https://pasteboard.co/IZkVA5Z.png

    Any kind soul willing to help fix?
    Thanks ??

    • This topic was modified 4 years, 8 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

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

  • Try

    .site-logo-outer {width: 90% !important;}
.site-logo-container {width: 90% !important;}
    • This reply was modified 4 years, 8 months ago by Carike.
    Thread Starter Himalayan Hermit

    (@gdhar)

    Hi carike
    same, no diff.

    Tried it both under “19. Custom CSS” and “Additional CSS” fields.

    Did you try to enter it into your editor?

    You need to go to /wp-admin/ -> Appearance -> Customizer -> Additional CSS and enter it there.

    Thread Starter Himalayan Hermit

    (@gdhar)

    Yes that’s where I entered:
    https://pasteboard.co/IZlrX11.png

    Can you chk pls

    Typo. There needs to be a ! mark in front of the second important too.
    [Try fixing that first before you try the other suggestions below.]

    It looks like the problem is that the theme-logo-alt image is being added with fixed dimensions in the HTML / inline CSS.
    There is no id or class assigned to be overridden, so it is not just an easy fix via CSS.

    You will need to contact your theme’s author.
    I cannot easily identify which theme you are using.
    If the theme is hosted on www.remarpro.com, please go to their support forum here.
    If the theme is not hosted here, you would need to contact the author directly via their official support channels.
    Unfortunately www.remarpro.com is not equipped to support commercial products on these forums.

    On another note, switching themes may not be a bad idea.
    Your page load time is extremely slow.
    It causes a bad user experience and search engines also don’t like it much when a site is that slow.

    • This reply was modified 4 years, 8 months ago by Carike.
    Thread Starter Himalayan Hermit

    (@gdhar)

    .site-logo-outer {width: 90% !important;}
    .site-logo-container {width: 90% !important;}

    Both important instances already have exclamation sign.

    Ok I’ll reach out to the author.
    yes I am also seeing the slow load time. I might just change the theme.
    Thankas!

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Moved to Fixing WordPress, this is not an Developing with WordPress topic.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header Image truncated cut off on Mobile’ is closed to new replies.