Joomla Templates Club 406,261 posts

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#203124

Hi.

I am trying Medicare Template and I have some questions I hope someone can help me with. The URL is: http://elvesus.com/

1)
I got this blue box in the upper right corner and when I click on that blue box I got «MAIN MENU» in a black field outside canvas when doing so on my Mac.

On my mobilephone I got the same blue box and a grey box beside that that give me the menues. What is the purpose of the blue box, can I just hide it in the Template/Layout/Responsive Layout clicking on the eye for Large/Medium/SMall/Extra Small or will give my problem some how?

2)
I would like to have a large logo/header-image that fills the entire width (like it is now) of the webpage but the image won’t scale down on the mobilephone. How can I achive this?

Kind Regards
Tom Løkka

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#556899

Add this code to template.css

@media (max-width: 700px) {

.logo-image img {
max-width:100%;
}

}
@media (min-width: 701px) {

.logo{
overflow:hidden;
}

}

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556912

Hi and thanks for helping Chavan 🙂

Now my logo/header-image gets cut on the right side and is about 280 px wide on my Mac G5 (Firefox). See http://www.elvesus.com

On my mobilephone (Android) I now can see the same image about 80% of the width of the webpage (before this code, much much wider). That is almost OK on the mobilephone but I like if the header-image could be a little wider and it is now.

Kind Regards
Tom Løkka

<em>@Chavan 455249 wrote:</em><blockquote>Add this code to template.css

@media (max-width: 700px) {

.logo-image img {
max-width:100%;
}

}
@media (min-width: 701px) {

.logo{
overflow:hidden;
}

}
</blockquote>

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#556920

can you please post me your admin details via private message.

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556942

I hope you got my PM Chavan 🙂

Kind regards
Tom Løkka

<em>@Chavan 455276 wrote:</em><blockquote>can you please post me your admin details via private message.</blockquote>

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#556950

i have made some changes in tpls/header.php and a small css tweak in template.css file, can you please check and confirm, if everything is good

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556952

Hi again and thanks for helping! 🙂

The header-image is better now on my Mac but still it is not wide enough. It should be like this, see attachment.

Om my Android mobilephone the header-image is still about 75-80% of the site so it should be a litte wider. The header-image is responsive though, it is about 75-80% wide both horizontal and vertical.

Kind Regards
Tom Løkka

---

Attachments:

1. 

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556960

Here is how it loks like on my Android mobilephone.

I checked the website here http://www.responsinator.com/ and got the same result as with my mobilephone.

Kind Regards
Tom Løkka

---

Attachments:

1. 

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556962

Is it so that I am making to much trouble when I use such a big header-image in the place where it normaly should be a smaller logo and hope that it would be responsive (responsive so it fits on my mobilephone)?

Kind Regards
Tom Løkka

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#556963

I now inserted a Slideshow in the slideshow position and those images works fine (are responsive) on both my Mac an my mobilephone. So that maybe shows that having the big header-image in the position where the logo normaly should be is a bad idea?

Kind Regards
Tom Løkka

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#557090

you still have some issues? please post me a screenshot.

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#557154

It’s still the same Chavan. I was only testing something with that slideshow to see if that was responsive. The header-image/logo should be a little wider. See this attachment.

Like this.

And the same on my Android mobilephone. Should also be a little wider.

Kind Regards
Tom Løkka

---

Attachments:

1. 
2. 
3. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#557179

I have fixed it as you showed in screenshot, please check and confirm

[toloekka Friend toloekkaJoin date: September 2007Posts: 117Downloads:168Uploads:35 Thanks: 6 Thanked: 7 times in 1 posts]

#557183

WOW – thanks a lot Chavan 🙂 Now it is just like I wanted (should be default to this logo position).

Can you give me the code that is the solution (I can look for it myself though) and don’t you think that that code should be in a custom.css file so it won’t be overwritten in an template upgrade?
(I will do some more small changes to the template but using a custom.css file for that).

Kind Regards
Tom Løkka

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#557191

change was made in the php code is in tpls/blocks/header.php

[Author]

Posts