Joomla Templates Club 406,261 posts

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

#205014

when I open the site in my iphone I see the logo is the menus are not visible, the picture is not aligned, it is as if there is some form or perhaps the background that takes up space, then if I flow appear to be the logo that the menu.

Another problem, when it appears on the site if I click on the menu works, just skim and I go down to read the news, if I click on the menu does not open anymore.

How do I solve?

---

Attachments:

1. 

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

#564774

You’ve customized so much on your site and It’s hard to detect the root of issue as it looks so different from demo site.

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

#564820

:(( thanks equally

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

#564825

I found where the problem lies

.T3-topbar {
** background: # f8f8f8;
** border-bottom: 1px solid # e5e5e5;
** height: 50px;
}

But if I change the height is put 0px;

the problem is in the desktop version

How can I fix?

---

Attachments:

1. 
2. 
3. 
4. 
5. 

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

#565009

If you remove that change causes the issue in desktop view, you can use the media jQuery to add specific css for specific screen resolution.

For example, if you want to add CSS for module, you can try with:

@media (max-width: 320px) {
/*your style goes here*/
}


The same with other screen, you just need to change the ‘min-width’ and ‘max-width’ value

http://code-tricks.com/css-media-queries-for-common-devices/

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

#565232

you can duplicate this style and do it in the phone call as if I put like 50 pixels height, I see the empty space in the mobile version, but if I put 0px not see the lines on the bottom of the main menu?

.t3-topbar {
background: #f8f8f8
border-bottom: 1px solid #e5e5e5
height: 50px;
}

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

#565248

@saguaros

Forgive me, I did not read your post.
I took your advice I put this code in the file custom.css

media (max-width: 992px) {
.T3-topbar {
** background: # f8f8f8;
** border-bottom: 1px solid # e5e5e5;
** height: 0px;
}
}

and now goes well in both versions both desktop and mobile

Thank You

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

#565259

You’re welcome!!!

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

#565492

http://www.newquotidianodigela.it
I was left with only one problem on the mobile version
when I open the site and I click on the sidebar menu, the menu opens correctly, but if I flow down to read the news, when I click again on the menu does not open more

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

#565621

Pls check the URL of your site again: http://prntscr.com/6oxz4o

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

#565736

pardon
new.quotidianodigela.it

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

#565791

It’s a static page, kindly check again 🙁

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

#565812

we made the transfer of the domain

the site is this

http://www.quotidianodigela.it/

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

#565827

Try to add this css for the logo in mobile view:

@media (max-width: 320px) {
.logo-image img {
width: 100%;
}
}


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

#565887

I added the code that you suggested in the file custom.css

but it does not work the problem remains

[Author]

Posts