Joomla Templates Club 406,261 posts

[dayman Friend daymanJoin date: May 2011Posts: 21Downloads:1Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#190221

My first question is why the mobile logo on the attached screenshot is pink? How can i change that?
The logo is on a transparent background. The pink rectangle that you see should be black…

My other question is how to remove the empty space above the mobile menu. Does anyone know how to do this?

Your help would be greatly appreciated! 🙂

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504314

Hi dayman,

Then pink background is a default logo background of our JA Lens template which you can find in /templates/ja_lens/css/template.css at lines:

#logo h1 {
height: 60px;
width: 60px;
background: #de3068;
}

Change to black if you want.

In order to remove the space above mobile menu, you can try to put below css styles into the end of /templates/ja_lens/css/layout-mobile.css file:

#header .main {
margin-top: -60px;
}

Adjust the margin-top until you get perfect and clear System cache.

[dayman Friend daymanJoin date: May 2011Posts: 21Downloads:1Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#504511

Thanks again for the reply, you are defnitely a support hero 🙂

The background behind the mobile logo is now black, but the parts to the left and right of the logo are still pink (see screenshot).
Any idea how to change this to black as well?

The code for removing the space above the mobile menu worked like a charm, thanks!

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#504517

Hi dayman,

You can open layout-mobile.css and layout-mobile-portrait.css files in /ja_lens/templates/ja_lens/css/ path, then find lines:

#logo {
width: 100%;
top: 0;
background: #de3068;
}


Change to your background color, then clear System cache.

1 user says Thank You to phong nam for this useful post

1. dayman

[dayman Friend daymanJoin date: May 2011Posts: 21Downloads:1Uploads:6 Thanks: 7 Thanked: 1 times in 1 posts]

#504537

<em>@Leo Burnetts 387846 wrote:</em><blockquote>Hi dayman,

You can open layout-mobile.css and layout-mobile-portrait.css files in /ja_lens/templates/ja_lens/css/ path, then find lines:

#logo {
width: 100%;
top: 0;
background: #de3068
}


Change to your background color, then clear System cache.</blockquote>

Worked like charm, thanks a lot Leo! 🙂

[Author]

Posts