Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

Mobile menu icon (Solved)

Solved by Amaury Hanser View solution

Started by David Watson 9 years ago · 9 replies · 2936 views

9 years ago

I am stuck on what should be simple.
I can not find where the color of the three bars for the mobile nav is set.
I have looked at the generated code in Chrome but can not find it. I can find no gif or png.
Some times I use 3 rows of – and set up spacing to give me this symbol but setting the header text to black did not solve it.
I am using Gantry 5 and modifying Hydrogen.
Got my custom css set up and working. Set the header to white and the menu toggle is obviously not visible. So it seems to be in the header, but I can not find it in chrome inspect in the compiled html?
Sorry if this is simple I am just starting with Grav. It always seems to be the little things.

9 years ago

Hi there,

What theme you're using?

Regards,
Michael

9 years ago

@goldeni:
I am using Gantry 5 and modifying Hydrogen.

Thanks is this what you are looking for?

9 years ago

Ha, Oh sorry.
I over read it. Yeah thats it.

Can i see your page? Don't have the possibility to install the theme right now.

9 years ago

Thanks I have some meetings will deal with this when I get back.
Dave

9 years ago

Sorry having problems moving my site from localhost on my computer to my server so you can see it.
When i upload and correct the haccess it wont work? I am simply copying the whole site to the server.
Filezilla keeps telling me a file exists? but the folder was empty before the upload?
Once I have it sorted I will get back with the url.
Just making a fresh install and trying to upload the zip back up of my local site to the server to get the whole data up and running.
Will get back when I have solved this.
Other test instances from a fresh upload of the downloaded file from Grav website work just fine, so it is not a server problem.
Note just spoke to my provider and they have a problem so I am waiting for them to fix it.

last edited 08/18/17 by David Watson

9 years ago

OK. Let's wait and see ;)

9 years ago

OK got things up and running. Only very basic at the moment just sorting out the look but got stuck with the mobile link.
Thanks
http://2016.plasmatechnology.de/
Had to use a different server though still no joy from 1und1.

last edited 08/18/17 by David Watson

9 years ago Solution

Hello,

The div before your header is:

HTML

<div class="g-offcanvas-toggle" data-offcanvas-toggle="" aria-controls="g-offcanvas" aria-expanded="false"><i class="fa fa-fw fa-bars"></i></div>

The css:

CSS

.g-offcanvas-toggle {
    font-size: 1.5rem;
    color: #fff;
    display: none;
}

Just change color: #fff to color:#000 (Black)

9 years ago

Thanks I will try that in the morning.

Topic	Replies	Views	Activity
Grav 2 + Admin2: custom page blueprint fields not showing in Admin Themes & Styling · by Pedro M, 2 months ago	4	197	2 months ago
Change page background colour Themes & Styling · by Ian, 2 months ago	3	92	2 months ago
Customizing Blog Post Layout Using "Summary Size and Separator" Themes & Styling · by Norbert, 2 years ago	11	454	3 months ago
Fork of the Knowledge Base theme Themes & Styling · by Lukáš Findeis, 3 months ago	0	47	3 months ago
Oxygen theme not working right Themes & Styling · by Sebadamus, 4 months ago	5	127	3 months ago

Suggested topics