Comments (5)
Hi,
Could it be because theme does not uses the latest version of materialize css.
Can I have the latest lib to be included in the theme?
or How can I compile theme with the latest materialize?
Please help me solve this issue.
from hexo-theme-materialize.
Hi,
I can confirm that updating materialize css to latest version fixed the issue
in package.json change
`
"materialize-css": "^0.98.2",
then rebuild the theme
grunt build
`
replaced the source directory of the my hexo projects theme that is
/themes/materialize/source
and it worked.
the only issue is, in mobile view, the nav bar is too much grey.. see image attached
from hexo-theme-materialize.
Sorry for the delay, busy week.
I will try to update the deps.
But you can try to run npm upgrade
under the theme folder.
from hexo-theme-materialize.
fixed the side bar grey issue:
in header.ejs, moved the code out of nav div
<div class="navbar-fixed">
<nav id="main-navbar" class="grey lighten-5 z-depth-0" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="<%- url_for() %>" class="brand-logo center-align">
<img class="example-icon md-card-image" height="32px" src="/images/logo3.png" />
<!-- <span><%= config.title %></span> -->
<sub><%= config.subtitle %></sub>
</a>
<ul class="right hide-on-med-and-down">
<% for (var i in theme.menu){ %>
<li>
<a class="main-nav-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
</li>
<% } %>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse">
<i class="material-icons">menu</i>
</a>
</div>
</nav>
</div>
<ul id="nav-mobile" class="side-nav">
<li><a href="#">Navbar Link</a></li>
</ul>
from hexo-theme-materialize.
Thanks for the support, fixed now.
Please see #4 and #5
from hexo-theme-materialize.
Related Issues (4)
- Adding a custom homepage? HOT 11
- blog link not working HOT 11
- Index pages for categories and tags HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hexo-theme-materialize.