logo in heading too big on mobile

  • Hi

    My logo in the header doesn’t resize on mobile devices.

    Also the menu bar is placed at the top of the logo. I would like the menu to be placed underneath the logo on the right.

    I tried inserting various custom CSSs that I found in other articles and nothing seemed to change.

    I am using the Opus theme, using Gutentor.

    Thank you!

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

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

    (@contentiskey)

    To get guidance to adjust the display of menu bar and logo in header area on mobile and other devices, create a new topic on the theme specific support page
    https://www.ads-software.com/support/theme/opus-blog/

    (The change might need be more than a simple CSS adjustment)

    Hi

    Put below css in style.css file

    @media (max-width: 768px){
    .main-header .logo img {
    width: 60px !important;
    position: relative;
    top: -11px;
    left: 7px;
    }
    }

    Changes: https://prnt.sc/qerjry

    Thank you
    Praveen Valmiki

    Thread Starter Yosef Yitzchak Sher

    (@yyande)

    Hi Lisa and Praveen

    Thank you for your replies!

    Praveen, thank you!! The screenshot looks great. Is there a way to make the menu on the same line as YY&E on the right?

    Also, how do I find the style.css file?

    Thanks
    Efrat

    lisa

    (@contentiskey)

    The style.css file is one of the files in your theme Opus Blog.
    All theme files can be accessed using your webhosting account cPanel area or via FTP tool.
    However, it’s not advisable to change the code in style.css file
    Use “ADDITIONAL CSS” in the customize area in your WordPress dashhoard instead.
    Changes to syle.css file will be over-written when the theme is updated in future.

    • This reply was modified 4 years, 11 months ago by lisa.
    Thread Starter Yosef Yitzchak Sher

    (@yyande)

    Perfect, thanks so much Lisa!

    And thank you Praveen for the CSS! It looks great and the menu is absolutely fine where it is ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘logo in heading too big on mobile’ is closed to new replies.