I added the code you suggested over there, but it didn’t work. Can you help? My logo is WAY too big when viewing on my smartphone.

https://bondnutritioninc.com/

You can use your browser’s “Inspect Element” function (on Chrome, FireFox) and then use the classes to create a CSS selector to apply any styles you wish.

So first step would be to create a media query like:

If you enter any styles inside they will be valid for any devices bowsers with a screen smaller the 768px which is basically devices up to Tablets.

Now you need to identify what selector to use. By Inspecting the “logo” on your page you could use something like:

Now you should decide what to update. As it is too, big we guess you will want to control the height.

and to center the logo you could use the following:

Now you just need to put them all inside the media query, add it into the custom CSS field under “Theme Options” and tweak it to your needs.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Thank you :)

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market