The mobile version of the site doesn't fit the screen size

Hi, i am currently having issues with fitting the mobile version of my site to a mobile device screen size. The responsiveness is a bit broken and also kindly take a look at menu, it falls right into the slideshow. here's the url to the site:http://swisscredit.ng/

Hi

Indeed there is couple of classes in override.css which are affecting a look of mobile layout. Try set a size of the logo a little bit better in class:

Code: Select all

#gkLogo, #gkLogoSmall {
    width: 324px;
}


by using responsive classes. For example:

Code: Select all

@media only screen and (max-width:640px) {
#gkLogo, #gkLogoSmall {
    width: 280px;
}
}

@media only screen and (max-width:480px) {
#gkLogo, #gkLogoSmall {
    width: 180px;
}
}


thanks, it got fixed. I have an issue with assessing my template parameters,noticed it after i updated to 3.7.4. Have checked previous post but doesn't seem to address the issue, lastly is there a way to customize the mobile menu(i.e. get rid of the hyphens of the sub-menus).

Hi,

Try to change the following line from /admin/scripts/js file:

Code: Select all

var type = items[i].split('=')[0].test(/^\d+$/) ? 'ItemID' : 'Option';

into:

Code: Select all

var type = !isNaN(items[i].split('=')[0]) ? 'ItemID' : 'Option';

Hi, thanks a lot the piece of code helped resolve the issue with the template parameter.
still any ideas on how to get rid of the hyphens in the mobile menu?

Hi

Menu is converted into select html form element, so clicking on it triggers a browser's presentation of such element. Can You please show me a screenshot of how it looks like for You. It's ok on any of my mobile devices.