Home Forums ArileWP Pro How to remove Logo from mobile version of website

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15123
    Chad Whitney
    Participant

    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

    #15128
    themearile
    Keymaster

    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

    #15130
    Chad Whitney
    Participant

    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?

    #15132
    themearile
    Keymaster

    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 1 year, 5 months ago by themearile.
    #15416
    Shirley Cheung
    Participant

    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?

    #15418
    themearile
    Keymaster

    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

    #15423
    Shirley Cheung
    Participant

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

    #15426
    themearile
    Keymaster

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.