Joomla Templates Club 406,261 posts

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#730453

Dear @ninja Lead and @pankajsharma, I hope either one of you could help with this.

Our company’s website is finally up and running. I personally think that it’s looking really good, it isn’t done yet, we are on the process to upload the inventory and add the additional languages, but so far it’s great, so thank you for your consistent support, because that is what it made all these possible.

We encounter a few minor issues on the main menu, they vary depending on the size of the screen. Here are the descriptions and please look at the attached files for evidence.

LG Screens and higher: Great, no problem, good to go…! 🙂

MD Screens, the height of the menu is excessive and it covers portion of the slide show. We tried reducing the menus but it doesn’t fix it. Target, reduce the height and avoid the obstruction in the slide show.

SM Screen, it looks good, but the off-canvas is above the logo. Target, it will be great if we could group the off-canvas with the Language, the search, the user menu.

XS Screens, this one is unfortunately the worst of all, because when you turn the phone horizontally, it covers about 2/3’s of the screen and in vertical position, it doesn’t look good either. Target, I hope we could hide the company logo and only keep the second row with the off-canvas and other menus.

As always, thank you so much for all your help and kind regards,

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

#747381

Hi

First of all, you should check the responsive in your real devices , resizing browser often doesn’t bring expected results.

And if you want to style for any part in particular screen resolution, try with media queries

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#747409

<em>@Saguaros 490289 wrote:</em><blockquote>Hi

First of all, you should check the responsive in your real devices , resizing browser often doesn’t bring expected results.

And if you want to style for any part in particular screen resolution, try with media queries</blockquote>

Dear @saguaros, we did checked on actual mobiles devices with the same results. You can see that some of the attached pictures are actual screenshots. Thank you.

Dear @ninja Lead and @pankajsharma , I hope either one of you could help with this. Please let me know if I need to break this thread into 3 different items, one for each size of screen that is having trouble.Thank you.

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

#747462

Please check out the media queries documentation and customise as you wish.

[cbc575 Friend cbc575Join date: April 2015Posts: 208Downloads:0Uploads:29 Thanks: 53 Thanked: 11 times in 1 posts]

#747566

Dear @saguaros, please don’t respond if you don’t have a solution, It just causes confusion…! thank you.

[Author]

Posts