The page navigation for All Members is not responsive.

Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Welcome the Technical Support section. Help us in assisting you by providing us with a concise and descriptive elaboration of your issues. Be specific and if possible, provide us with a step-by-step instruction in replicating your problem.

The page navigation for All Members is not responsive.

8 years 9 months ago

#165933

Topic Author
Edward
Offline
Fresh Boarder
Posts: 4
Thank you received: 0

Licenses:

JomSocial Active

ISSUE SUMMARY:
The page navigation for All Members is not responsive. The page numbers go off the right side of the device window. See attached screenshots.

STEPS TO REPLICATE:
1 go to [url] on phone or tablet
2 login to frontend
3 on frontpage, choose All Members
4 scroll down to view pagination
5
RESULT pagination goes off the screen
EXPECTED RESULT pagination managed responsively, showing only the numbers that fit on the device screen
BROWSER iOS

Attachments:

8 years 9 months ago

#165950

Albertus
Offline
User is blocked
Posts: 3296
Thank you received: 2582

Licenses:

Hi,

please put this CSS at:
/templates/yoo_monday/styles/default-cce/css/custom.css

.joms-pagination ul li {
  display: inline-block;
  margin-top: 20px;
}

Regards

8 years 9 months ago

#165989

Topic Author
Edward
Offline
Fresh Boarder
Posts: 4
Thank you received: 0

Licenses:

JomSocial Active

Thank you for the css but this did not fix the issue. It still displays the same as before.

8 years 9 months ago

#165997

Albertus
Offline
User is blocked
Posts: 3296
Thank you received: 2582

Licenses:

Hi,

could you please provide me FTP access?
I need it for debugging purpose.

FYI:
you can put credentials informatio by editing your first post at this topic.
put it at site info form, it's private.

Regards

8 years 9 months ago

#166092

Albertus
Offline
User is blocked
Posts: 3296
Thank you received: 2582

Licenses:

Hi,

you got broken CSS code at:
/templates/yoo_monday/styles/default-cce/css/custom.css
at line 13

@media (min-width: 1220px) {

where is the clocing???? ( } )

here the corret one: (remove all code at custom.css and replacing it with this one)

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@media (min-width: 1360px) {    
  .tm-navbar {    
    margin-bottom: 25px;    
  }    
}

@media (min-width: 1220px) {    
  .tm-block-footer-bg {    
    margin-top: 25px;    
  }    
  .tm-footer {    
    margin-top: 25px;    
  } 
} 
  /* Fullscreen images
 ========================================================================== */
/*
 * Fullscreen image outside the wrapper/blocks
 */
.cce-banner {
  height: 150px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 959px) {
  .cce-banner {
    border-bottom: none;
  }
}
.tm-image {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
  /* end Fullscreen images
 ========================================================================== */
  
  /*
   *Force jomsocial dropdown menu to flip appropriately for screen size
   **/
  .joms-toolbar--desktop .joms-popover {
left: auto !important;
}
  /* end jomsocial menu dropdown
 ========================================================================== */
  /* Make member pagination responsive */
.joms-pagination ul li {
  display: inline-flex;
}

The following user(s) said Thank You: Edward

8 years 9 months ago

#166220

Topic Author
Edward
Offline
Fresh Boarder
Posts: 4
Thank you received: 0

Licenses:

JomSocial Active

Thank you very much for all your help.

Moderators: Piotr Garasiński

Notice

Support Forum

The page navigation for All Members is not responsive.

Licenses:

Attachments:

Licenses:

Licenses:

Licenses:

Licenses:

Licenses:

Join 180,000 websites creating Amazing communities

About Us

Our product

Support

Contact Us

Site Policies

Elsewhere