Home Forums Arnold WordPress Theme Adjusting logo size in mobile view only?

This topic contains 8 replies, has 2 voices, and was last updated by  BWSM 2 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #13386

    TimeTravellingLeo
    Participant

    Hi there,

    How may I adjust the size of my logo in the mobile view (but only the mobile view)? At this point, my text logo has a font size that is too large, and it overlaps the menu icon (in the mobile view). I cannot send for URL for privacy reasons at the moment.

    Is there some custom code that could be sent over to fix this (but in mobile view only)? Many thanks!

    #13387

    BWSM
    Keymaster

    Hi,

    Please paste the style code to Custom Css (Appearance > Theme Options > General Settings : Custom Css):

    @media (max-width: 767px) {
    .responsive-ux #header #logo .logo-h1 {
        font-size: 18px;
    }
    }

    you could change the font size value

    Cheers!
    Bwsm – uiueux.com
    Twitter Facebook

    #13401

    TimeTravellingLeo
    Participant

    This looks much better, thanks! One thing. The menu button is no longer lined up to the logo. Is it possible to add spacing so that the menu button is shifted down about say, 6px?

    The other question is that I placed a centre-aligned photo on my homepage, but when in mobile view, the size of the photo does not adjust, and as a result, it takes up a disproportionate amount of space. Is it possible to automatically adjust the size of photos in mobile view?

    #13402

    TimeTravellingLeo
    Participant

    I’m afraid that there is another problem, too. The text in the mobile view is not formatted properly. Text that normally has separate paragraphs is displayed as a single block of text.

    I tried added manually <p> and </p> to each paragraph, and that did not help either.

    Many thanks

    #13403

    BWSM
    Keymaster

    Hi, please leave your page url, thanks!

    #13406

    TimeTravellingLeo
    Participant
    This reply has been marked as private.
    #13407

    BWSM
    Keymaster
    This reply has been marked as private.
    #13408

    TimeTravellingLeo
    Participant
    This reply has been marked as private.
    #13411

    BWSM
    Keymaster

    Try to use the css for paragraphs spacer:

    @media (max-width: 767px) {
    #content_wrap .entry p {
        margin-bottom: 1rem;
     }
    }

    Try use the custom css for photo:

    @media (max-width: 767px) {
    body.home .entry img { max-width: 70%; }
    }

    You could change the max-width value.

    ———-

    If it doesn’t work, lease send your wp-admin(url/user/pass) via
    my profile contact form , I’ll log in to check it.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.