Joomla Templates Club 406,261 posts

[pressmar Friend pressmarJoin date: March 2008Posts: 119Downloads:14Uploads:51 Thanks: 25 Thanked: 4 times in 1 posts]

#187201

I have two problems with the responive layout for mobile devices. As you can see (test.pressmar.de/sis) i have added a module position for the language selector. In which file are the locations defined for tablets or iphone size. Because in this views the position doesn’t get displayed.

Furthermore the text of the home screen slideshow disapears in the iphone vertical look. As you can see if you scroll the logo and the menu are fixed but in you scroll the text down, there are little space between this position where the content is visible.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#491721

Hi,

1. I have added a module position for the language selector. In which file are the locations defined for tablets or iphone size. Because in this views the position doesn’t get displayed.

>> You can control the mobile layout in Template Manager >> JA_Mero Style >> Layout tab >> Responsive layout >> Mobile.
Click on the eye icon to display or not the module position.
For css styles of this module, you need to detect the located css file via Firebug, then apply changes into it.

2. The text of the home screen slideshow disapears in the iphone vertical look. As you can see if you scroll the logo and the menu are fixed but in you scroll the text down, there are little space between this position where the content is visible.

>> Put below css codes into<blockquote> templates/ja_mero/css/custom.css </blockquote>


@media (max-width: 480px) {
.ja-mainnav.navbar-collapse-fixed-top {
top: 65px !important;
}
}


* Don’t forget to inform me your result.

Leo

[Author]

Posts