Joomla Templates Club 406,261 posts

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#193348

in my website http://www.corrieredigela.com

A kindness to the client’s needs I had to create the header and the menu on two lines of size 970 x 150 pixels, once sailed in the mobile version, the head is too big and is not visible.
And ‘possible to say that the mobile version instead dela head as a logo takes what little left in the session footer?

In the mobile version I put to make it appear only the NOTIZIE DEL GIORNO session, which are in the position in the mobile version home11 but not seen. Why?

thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#516969

Hi lg21,

You can create a new css file named: custom.css in /templates/ja_magz(your-default-template)/css folder.

Then add below css rule:

@media (max-width: 768px) {
logo image {
width: 100% !important;
height: auto !important;
}
}

Hope this helps.

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517009

I did as you said, but I always see the main logo (headers), on the mobile version, and not the session footer logo

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517011

This is my website

This is my mobile version

And this is what I want to get that instead of the current logo (headers) to insert the logo header of my website, so as to obtain this

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#517084

So in mobile view, you want to replace logo in header with the current footer logo, right? You can open the same custom.css file as above and add below CSS rule:


.logoimg {
display: none;
}
.logo-image a {
background: url("../images/logo-big.png") no-repeat scroll left top rgba(0, 0, 0, 0);
height: 80px !important;
width: 320px !important;
}


Let me know how it goes.

Happy New Year!!!

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517144

No, by entering the code in the file also changes the custom logo in the header.

I want only the mobile version you see the big logo-footer in the session, modifying the code, it puts the logo in the header too-big

In the site I want the logo remains of what is now, I just want the logo changes in the mobile version

---

Attachments:

1. 

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517146

But it was not possible, it is more appropriate since we are talking of two different views, web and mobile logos can insert two each for the version you want? If I insert logo as something great I think it is normal that it is not visible on a mobile device. Sometimes it complicates life unnecessarily.

It would just make sure that the logo for the website had a name like logo.png
and to the mobile version of the logo of another name-logo mobile.png

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#517239

JA Magz is responsive template, it will be based on screen resolution to have specific style. With afore-mentioned suggestion, I mean that when your site is rendered in device with appropriate width, it will load ‘logo-big.png’ image and in normal view (desktop view) it displays ‘logo.png’ image.

That is default behavior of a responsive template. Please note you should use real mobile device to test, instead of having your web browser resized.

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517269

did you try to view my site on your mobile device? think it is a feasible solution for the customer? The customer decides how he wants the logo for the website, and once I saw your site on your mobile device, ask me if you can make changes, as the logo on the website has been changed and adapted (950 pixels) compared to the size original. Then she tells me that the team Joomlart, does not require that a customer can take two distinct diversee solutions for both the computer display and for the visualizzione a mobile device?

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517272

I try to explain again.

this is my website

and so must be good because the client wanted the logo of this size

this is my mobile version

but since the logo is 950 pixels is hard to see in the mobile device

I just wanted to see if it was possible to tell the mobile device to display the logo should not be the same as the website, but the logo-big session that is in the footer of the site, but without changing the logo of the website

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#517505

Please correct me if I’m wrong that you want to use logo in footer (in web view) as logo header when displaying in mobile device, right?

You can PM me URL, admin and FTP credentials of your site, I will try to check for you (please take a backup of your site first).

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#517881

you are correct

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#518411

I read solved in the next post, but I still have the same problem, the mobile version does not see the logo in the footer section of my website

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#518491

Open the file: /templates/ja_magz/css/custom.css, pls try to add code as follows:


@media (max-width: 768px) {
logo image {
width: 100% !important;
height: auto !important;
}
.t3-copyright .footer-logo {
display: block;
}
}


[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#518540

Done, added, now go in your mobile device and enter
http://www.corrieredigela.com

logo footer of my website, not yet visible, and the bad news is paginated

[Author]

Posts