Joomla Templates Club 406,261 posts

[northis Friend northisJoin date: April 2014Posts: 27Downloads:28Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#967644

Hi Guys

I am having a little problem with the menu on certain screen sizes…

I have a lot of menu items and I am trying to squeeze them all in on one row. So I adjusted the padding and font-size in the custom.css file and it work fine for me, but for some browsers and screen sizes the changes does not take effect.

As a result, the site is all out of wack. By zooming out one brings it back to normal. It appears to be something to do with retina displays and certain versions of windows explorer.

How can I fix this? I assume there must be an @media setting that needs to change.

Please advise.

Kind regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967677

Hi
can u update the details in which browser you are getting issue with a screenshot of the issue , so that i can take a look on it .

[northis Friend northisJoin date: April 2014Posts: 27Downloads:28Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#967716

Hi

The screenshot I attached shows the menu on two lines and that causes the rest of the site to be out of line.

You can actually test that in any browser by dragging the window a bit smaller. I have a 17" mac and it displays fine with me, but on a 15" mac with retina display it always comes up with the menu on two lines… Also on the client’s side, who uses a PC with IE.

It seems like the .css is ignored on the slightly smaller screens, zooming out does bring things back to normal, but that is not a solution.

I am not sure where to fix this or why it is happening. My best guess is that it has something to do with screen-size and the @media call for responsive design. If the menu can stay on one line, everything else appears fine.

Thank you for your help.

---

Attachments:

1. screenshot.pdf

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#967795

Hi
The CSS code is working fine but the item are more and they can not fit in one line when the screen size is reduced .
http://prntscr.com/chd8vj
You can force the collapse the menu in that place if you want , but they will appear like they are at this time . It’s logically normal .

[Author]

Posts