b4iamnot

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    I think (because I’m a bit of a hack) I overcame an issue similar to yours by adjusting the “@media (max-width:359px)” to 400px. But I made other changes to the header as well which I did in the style.css of my child theme. I would highly recommend the use of a child theme. But you could test this change in “Addtional CSS” I believe. You could view my site at ucanknowgod.com

    Below I have pasted the section of my child style.css relative to displaying on a phone: (As I said I made other changes to the look of the header.)

    /**
    * size of title and description fonts changed to fit better on phone. 3/1/2018
    * —————————————————————————-
    */
    @media (max-width: 400px) {
    .site-header{
    position: relative;
    width: 100%;
    min-height: 100px;
    margin-bottom: 1.5em;
    }

    .site-title {
    font-size: 2.0em;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 3px;
    }

    .site-title ::after{
    margin: 2px auto;
    }

    .site-description {
    font-size: 14px;
    letter-spacing: 0px;
    margin-top: 1px;
    margin-bottom: 2px;
    }
    }

    Someone helped me with same question.

    First I recommend you install a child theme, those instructions are at the site for Nisarg and also WordPress.

    In Style.css change:
    .navbar-brand{
    font-size: 0px;
    width:235px; /*width of your image*/
    height:48px; /*height of your image*/
    background-image:url(‘https://site-name/wp-content/uploads/… Imagefilename.ext ‘);
    margin:5px; /* If you want no margin */
    padding:0px; /*if your want to padding */
    }

    Of course you can add this code to the “customize CSS” but I have found child themes help me track my changes.

    …Brian

    Thread Starter b4iamnot

    (@b4iamnot)

    Awesome!! Thanks so much – maybe tonight I will sleep!

Viewing 3 replies - 1 through 3 (of 3 total)