Jump to content

Archived

This topic is now archived and is closed to further replies.

Jennifer

NavPro logo size attributes

Recommended Posts

Jennifer

Hi everyone, I'm doing a performance audit on my site using Chrome developer tools. The NavPro logo is the only image on the site that doesn't have width and height attributes. It looks as if the site won't paint until this image is loaded. Any override on using CSS to size this thing to speed up time to first paint?

Thanks in advance, 

Jennifer

Share this post


Link to post
Share on other sites
Aires

Hi @Jennifer,

The logo height is controlled with (vw) for responsiveness. You can add your own but you will also need to adjust it with media queries for mobile.  


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • mtaus
      By mtaus+
      How can I remove the Search function from NavPro?
    • petere21
      By petere21+
      1. When I use the Navpro section in header with PL5 framework I loose social icons in mobile view (dtp and tablet are ok) Almost 50% of clients come from mobiles. Without this icons is menu unusable.
      2. Text of submenus is alligned center and there is no feature to allign it left.
      Do you have any ideas? thnx
    • Grant Turck
      By Grant Turck+
      The Nav Pro section on our site venicepride [dot] org keeps breaking. Can someone help us out with why it is breaking or how to fix. Willing to pay. 


    • hibbsy78
      By hibbsy78+
      Updates to NavPro appear to have knocked out the alignment of the burger menu on mobile view (iPhone).
      https://www.hibbslupustrust.org/

      Version 5.0.9  

    • Rob Thomas
      By Rob Thomas+
      I have built a few sites exactly as this one--with a few "stacks" of NewsFront underneath a menu with NavPro (basically, this style is my dream blog). In building this current site this week (URL below), the NavPro menu is disappearing due to rollover states with NewsFront (or any other roll over state PL section). This happens in Chrome only and not in Safari or Firefox. I have built the exact same site on the same server, using the same sections, and this does not happen. 
      Odd things: this seems related to scroll? if you go down a couple of panels in NewsFront, there is no effect. It only seems to happen when the scroll state is towards the top of the browser window. Again, I have sites built the exact same way and this does not happen. It has nothing to do with the NewsFront sections. It seems to be the scroll state (where the scrolling is at relative to the NavPro menu). 
      The only plugins I have are PL plugins and then Wordfence, Yoast, and Wordpress Importer. Deactivating those plugins does nothing. 
      Does this ring any bells for anyone? The site is not yet finished (my apologies). It is being developed live but won't be in use until exactly 7 days from now. It is kind of odd ...  
      http://melodrama.io/blog/
      It is only on this page and with rollover state items in Chrome that I am having this issue. I know because I tried it with other sections with rollover states and I have had the same result. The only script I am running is related to the Magazine section: 
      div.pl-mag-close {
          display: none;
      }
      Disabling has no effect. It's super odd. This site is on D.O. managed by ServerPilot. Thank you for any insights or help. --Rob
      PS I can do a screencast, just super tired and lazy tonight. 
×