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+
      After activate new web site
      I had several licences for use but system show me that I have no licence 
    • petere21
      By petere21+
      When i see wp content,i have no margin from left and right side means bordee on tablet view
      mobile margin around wpcontent is fine dtp also ok it looks like spread enough  on tablet - ipad - there is no margin and text from left side and widgets from tight side content sticking border of monitor how could i fix margin for example 5px for tablet view? But without changing the mobile margin 
      Sample https://www.restartnisa.sk/poloniny-po-zemplinsky/
      thanks 
      petere
    • petere21
      By petere21+
      Does pagelines support AMP technology for mobiles?
       
    • 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?
×