Okay
  Public Ticket #2267381
Mobile view
Closed

Comments

  • e-riik started the conversation

    Hello!

    1) I need to add custom CSS for logo (size and alignment options) in mobile view. How to implement this feature? 

    2) Is there any good solution to adjust font sizes for mobile view all at once (e.g. make everything bigger 0.2 times?)

    Thank You!

  •  675
    Neuron replied

    Hi,

    1) This is if you want to change the header logo size.

    @media (max-width: 991px) {
        .header-wrapper header .logo a {
            font-size: 20px !Important;
        }
    }
    

    That works if you're using font as a logo, if you're using image, please use width and height.

    {
        height: 100px !important;
        width: 100px !important;
    }

    2) Yes, we use the REM unit which means it's root element size.

    So, you can manipulate with the following font sizes.

    @media (min-width: 1201px) {
        html {
            font-size: 11px !important;
        }
    }
    @media (min-width: 769px) {
        html {
            font-size: 10px !important;
        }
    }
    html {
        font-size: 8px !important;
    }
    

    I've send you the default font sizes, you can change them to any number. By changing these means you'll change each font in the theme that uses rem as unit(most of them use). For example the page heading.

    - https://prnt.sc/qmnzw3

    It uses 6.5rem, so in 600 pixel, it will be 8 * 6.5, in 800 it will be 10 * 6.5 and so on.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • e-riik replied

    Thank You, perfect explanation!

  •  675
    Neuron replied

    You are welcome anytime, feel free to ask for anything you needsmile.png

    If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.