Responsive image fails

[omniastudio]

Hello,

i´m redesigning my web page alienmixandmaster.com. More or less i get that all sections looks perfect in diferent devices, except the pages when I´m inserting the logo as image. In PC it looks perfect, but in mobile phones and tablets, i can´t get to show in the right size. I tried to change the max width, and other parameters , but isd impossible to make it, please could you help me??

Thanks in advance,

Regards!

[tristup]

Hi @omniastudio,

Thanks for reaching out.
You can adjust the Logo image size by adding the following custom CSS code into the Theme Options > CSS.

@media(max-width: 667px)
{
    .x-brand img
    {
        width: 100px;
    }
}

You may need to adjust the breakpoints as per your need. You can find the details on the custom media query breakpoints: https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks