Jump to content
petere21

[Solved] Navpro Social icons missed at mobile nav

Recommended Posts

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

Edited by petere21 (see edit history)

Share this post


Link to post
Share on other sites
edgarcheverier

Hi Peter, could I have the URL from your website? also, did you try using ShareBar plugin? 

Share this post


Link to post
Share on other sites
petere21

Hi sharebar is OK I have no problem with sharebar but with NAVPRO navpro is section for header navigation

Share this post


Link to post
Share on other sites
edgarcheverier

could I have the URL, please? 

Share this post


Link to post
Share on other sites
petere21

at this moment i take last meganav section back

do you thing It is better to try it again? "-)

Peter

Share this post


Link to post
Share on other sites
edgarcheverier

when the icons disappear in a small screen, probably it's because of the CSS.
That's why I was asking you the URL in order to modify the CSS in the NavPro.

Share this post


Link to post
Share on other sites
petere21

I had give it back :-)

www.restartnisa.sk

 

Share this post


Link to post
Share on other sites
edgarcheverier

hahaha great! :), this is the code you need apply this into your LESS/CSS editor: 

@media (max-width: 768px).pl-sn-navpro .nav-follow {
 display: list-item;
}

will look like this on mobile screens: https://cl.ly/2o07203S3R0R

Share this post


Link to post
Share on other sites
petere21

maybe some conflict stiill doesnt work

Share this post


Link to post
Share on other sites
edgarcheverier

I forgot the {} in the media, try it like this: https://cl.ly/3j2p0P2G1k1X

@media (max-width: 768px) {

.pl-sn-navpro .nav-follow {

display: list-item;

 }

}

 

Share this post


Link to post
Share on other sites
petere21

excellent work thank you very much max satisfaction

do you have any idea to change allignment? through less/css (mean text submenu)? I want to allign in left

I found the place in code but less could be clear :-)

anyway very thank you you are very helpfull

 

 

Edited by petere21 (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites
edgarcheverier

that's great! :) 

If you want to move the menu in the NavPro you can use margin for example in:

@media (max-width: 768px) {

.pl-sn-navpro .navpro-menu-wrap {
margin-left: 0;
}

}

.pl-sn-navpro .navpro-menu-wrap {
margin-left: 450px;
}

 

It's going to look like this: https://cl.ly/3F0K0n3b432l 

 

 

Edited by edgarcheverier (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • petere21
      By petere21
      How to control spaces between images ?
      I can control section  padding from left and right side but not between  images.
      Could someone help me?
    • mtaus
      By mtaus+
      How can I remove the Search function from NavPro?
    • petere21
      By petere21
      After changing protocol http to https I have lost all count information next to the icon in the Sharebar extension. All counts is set to zero. Is there any chance to give number of sharing take back? 
      thanks
    • petere21
      By petere21
      Is it possibble to remove header / footer on selected pages?
      I want to make some extra pages for app but I need  to remove header.
      Do you have any idea, how to do it?
      thnx
    • gregory.guz
      By gregory.guz+
      Hi ,
      I just noticed that the color picker has stopped showing up on my PL5 site ( please see attached image ) 
      Any idea what could be causing the problem?
       
      Thanks 
      Greg

×