Okay
  Public Ticket #2835687
Header/Footer
Closed

Comments

  •  4
    ginhut started the conversation
    July 27, 2021 at 5:49pm

    Hi,

    I just updated the theme to the most recent version and now my header is microscopic. I have the setting correct on the back end for navigation to 24.
    Also, when I have the footer set to reveal, it doesn't show the entire footer. I have the screenshots combined of the issues.


    Thanks!

    Gina

  •  1,878
    Judith replied
    July 27, 2021 at 5:56pm

    Hi There,

    I am not replicating this from my end:

    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Also try using the Optimization plugins recommended in this Article http://themenectar.com/docs/salient/performance-optimization-guide/ and check if that makes a difference . 

    Thanks

  •  8,847
    Tahir replied
    July 27, 2021 at 5:56pm

    Hey Again,

    I can't seem to recreate both the issues on my end: 

    2000394019.pngClick on Image to View Larger
    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks

    ThemeNectar Support Team 

  •  4
    ginhut replied
    July 27, 2021 at 6:02pm

    So the footer issue was resolved with the cacheing, but the header did not. 

    Firefox, 1440. When I got to the code, I see that the font size is set to 12.


    header#top nav > ul > li > a {
        padding: 0px 10px 0px 10px;
            padding-right: 10px;
            padding-left: 10px;
        display: block;
        color: #676767;
        font-size: 12px;
        line-height: 20px;
        -webkit-transition: color 0.1s linear;
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        transition: color 0.1s linear;
    }

    also,


    .sf-menu li {
        float: left;
        line-height: 0px !important;
        font-size: 12px !important;
        position: relative;
    }



  •  1,878
    Judith replied
    July 27, 2021 at 6:07pm

    Hi There,

    How about you try opening on incognito or a different device.

    Thanks.

  •  4
    ginhut replied
    July 27, 2021 at 10:18pm

    That is so weird, I can't replicate it either on my desktop or other browsers. However, I closed my browser out and reopened it and it still is set to 12. Do you have any idea why the code would be set to 12?

    Thanks,

    Gina

  •  2,961
    Andrew replied
    July 28, 2021 at 6:32am

    Hi Gina,

    The top nav menu items font size is set to 20px by the following CSS.

    #top nav > ul > li > a, .span_3 .pull-left-wrap > ul > li > a, body.material #search-outer #search input[type="text"], #top nav ul .slide-out-widget-area-toggle a i.label, #top .span_9 > .slide-out-widget-area-toggle a.using-label .label, #header-secondary-outer .nectar-center-text, #slide-out-widget-area .secondary-header-text, #header-outer #mobile-menu ul li a, #header-outer #mobile-menu .secondary-header-text {
    font-family: Abel;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}
    8501358494.png

    The font size set to 12 is being overridden by the one above

    Regards,