Okay
  Public Ticket #2328559
Header logo
Closed

Comments

  • Ande started the conversation
    March 15, 2020 at 9:50pm

    I can't seem to get my MOBILE logo any larger on https://www.trumanmarketinggroup.com. It's very difficult to read no matter what I do to fix it in the header nav section. 

    Also, every change I try to make on the nectar slider header text size doesn't seem to take affect. 

    Any suggestions?

  •  3,022
    Andrew replied
    March 16, 2020 at 7:03am

    Hi Ande,

    The following cs seems to be causing the logo remain small.

    9502110748.png


    Try increasing h1 in Salient > Typography > General html elements

    Hope this helps.

  • Ande Truman replied
    March 16, 2020 at 12:14pm

    I don't believe I overwrote that in my CSS (see below). And also see logo size settings too. 

    .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after {
        background: -webkit-linear-gradient(bottom,rgba(15,21,104,.75),rgba(15,21,104,.75));
        background: linear-gradient(0deg,rgba(15,21,104,.75),rgba(15, 21, 104, 0.75));
    }

    .nectar_single_testimonial[data-style="bold"] p
      { font-family: Lato;
        font-size: 23px;
        line-height: 37px; }
        
    .toggle h3 a {
        font-family: Lato;
        font-size: 24px;
        line-height: 30px;
    }

    .row .col.section-title h1, body h1 {
        font-size: 60px;
        line-height: 75px;
    }

    .swiper-slide .content h1, .swiper-slide .content h3 {
        font-weight: 600;
    }

    body .swiper-slide .content p.transparent-bg span  {
        line-height: 41px;
    }

    body .swiper-slide .content p.transparent-bg span {
        font-size: 20px;
    }


    JUST ADDED THIS IN TO TEST IT AND IT DIDN'T WORK...

    #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 42px;
    }


  •  3,022
    Andrew replied
    March 16, 2020 at 1:26pm

    Hi Ande,

    Could you try checking if deactivating third party plugins can make it work?

    Use the following custom css to increase logo size and nectar slider font:

    @media only screen and (max-width: 1000px) {
    #header-outer #top #logo img {
    height: 60px !important;
}
}
.parallax_slider_outer h1 {
    font-size: 70px;
}

    Hope this helps.