0
Undo
Votes
Hi there,
When I view my website's list of events (JEvents List By Category) module in the mobile view on a mobile screen, the top table (By Week, By Month, By year, Today) table at the top is missing the table border on the second row. Is there a way of correcting this?
Screen shot attached.
[attachment=0:36vt85a5]<!-- ia0 -->IMG_1658.PNG<!-- ia0 -->[/attachment:36vt85a5]
Website link is http://paulbull.co.uk/index.php/course-dates.html
Thanks
Paul
When I view my website's list of events (JEvents List By Category) module in the mobile view on a mobile screen, the top table (By Week, By Month, By year, Today) table at the top is missing the table border on the second row. Is there a way of correcting this?
Screen shot attached.
[attachment=0:36vt85a5]<!-- ia0 -->IMG_1658.PNG<!-- ia0 -->[/attachment:36vt85a5]
Website link is http://paulbull.co.uk/index.php/course-dates.html
Thanks
Paul
Try this custom CSS
Or you could consider the Flatplus club layout https://www.jevents.net/products-new/ad ... s/flatplus which will dynamically switch from a horizontal set of navigation links to a vertical list when space is tight
.nav-items > div {
border-left: 1px solid #ff3b30 !important;
}Or you could consider the Flatplus club layout https://www.jevents.net/products-new/ad ... s/flatplus which will dynamically switch from a horizontal set of navigation links to a vertical list when space is tight
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!
0
Undo
Votes
Thanks Geraint,
That change fixed the viewing of the list on mobile screens but then left me with a double thickness line on the standard browser site. Any ideas?
Thanks
Paul
That change fixed the viewing of the list on mobile screens but then left me with a double thickness line on the standard browser site. Any ideas?
Thanks
Paul
Use a media specific CSS wrapper then e.g.
/* Media Queries for mobile and desktop displays */
@media (max-width: 698px){
.nav-items > div {
border-left: 1px solid #ff3b30 !important;
}
}
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!
- Page :
- 1
There are no replies made for this post yet.