Adjusting logo size in mobile view only?

[TimeTravellingLeo]

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!

[SeaTheme]

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

[TimeTravellingLeo]

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?

[TimeTravellingLeo]

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

[SeaTheme]

Hi, please leave your page url, thanks!

[TimeTravellingLeo]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[TimeTravellingLeo]

This reply has been marked as private.

[SeaTheme]

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.

[saudkh]

An image logo.sticks to the top of the of the browser window in mobile view (see: http://www.saud.land)

anyway to fix this?

[SeaTheme]

Hi saudkh,

Sorry, I don’t understand your question totally, what’s “logo.sticks” you mentioned? better paste a screenshot. Do you want the logo sticky on mobile?

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[saudkh]

there is no margin at the top of the logo in mobile mode, see screenshot: https://imgur.com/a/BnXlH

[SeaTheme]

HI saudkh, your website is protected now, please send your wp-admin(url/user/pass) via
my profile contact form (you need login on ThemeForest), I’ll log in to check it.

[Author]

Posts