How to remove Logo from mobile version of website

[Chad Whitney]

Having an issue with the Logo being too big on the mobile version of my website. How do I remove the logo for the mobile version but keep it visible in the desktop version?

http://www.frbpros.com

[themearile]

Hi Chad

Thanks for contacting us. You are not using the logo on your site at this time. Now you can use the logo on your site because we have prepared some CSS code to hide the logo on mobile devices.

Kindly add the below CSS in the Additional CSS box, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click to Publish button.

@media (max-width: 500px) {
.navbar-light .navbar-brand {
	display: none;
}
}

Let us know if it works for you.

—
Thanks

[Chad Whitney]

Excellent!!! That Worked perfect!! Thank you!

Say I have some questions about many other things. What is the easiest way for me to discuss those with someone?

[themearile]

Hi Chad Whitney

Don’t worry we are here to help you. Please create a separate query for each issue so we can take look and assist better.

Glad to hear it. We hope you are enjoying the ArileWP theme.

Please help us improve our customer satisfaction by writing a quick review https://wordpress.org/support/theme/arilewp/reviews/?filter=5 We would be extremely grateful.

Please let me know if you need any further assistance..!

Thank you for your time.

Thanks,
ThemeArile

• This reply was modified 4 years, 3 months ago by themearile.

[Shirley Cheung]

Hello, I have the same problem with the Logo being too big on the mobile version of my website. Is it possible for me to make it smaller or separately customize the logo size and layout of the front page of the Desktop version and the mobile version?

[themearile]

Hi Shirley

Thanks for contacting us.

Kindly add the below CSS in the Additional CSS box, Please go to the Appearance => Customize => Additional CSS then paste the CSS here and click on to Publish button.

@media (max-width: 500px) {
.navbar .navbar-brand img {
    width: 170px;
}
}

Let us know if it works.

—
Thanks

[Shirley Cheung]

Perfect. Thanks, however is it possible to add a background image for the header only for the mobile version?

[themearile]

Hi Shirley

Please share a snapshot of the page where you want to display the header in the mobile version. Because we have little more confusion here.

Thanks

[Author]

Posts