Layout left alligned and Top+Menu not in all browser
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Sun Aug 02, 2015 3:25 pm
- Reply with quote
- Report this post
Hi Team,
I am using the Rockwall Template on Joomla 2.5.
The Homepage is www.fbwien.at
I want to have the Layout not centered, instead it should be alligned on the left side.
1)
I managed this with float: left; (override.css). It works fine on Chrome. But in other browser like IE it still shows centered. How can I fix that?
2)
Then I tried to give the Top and the Menu an absolute position. As said in worked fine in Chrome, but in Mobile view on Iphone it would show the the Top and the Menu like in a Desktop view.
How can I fix that so it would show it in a "mobile" view?
Thank you in Advance!
I am using the Rockwall Template on Joomla 2.5.
The Homepage is www.fbwien.at
I want to have the Layout not centered, instead it should be alligned on the left side.
1)
I managed this with float: left; (override.css). It works fine on Chrome. But in other browser like IE it still shows centered. How can I fix that?
2)
Then I tried to give the Top and the Menu an absolute position. As said in worked fine in Chrome, but in Mobile view on Iphone it would show the the Top and the Menu like in a Desktop view.
How can I fix that so it would show it in a "mobile" view?
Thank you in Advance!
-
- Junior Boarder
- teitbite
- Tue Aug 04, 2015 10:48 am
- Reply with quote
- Report this post
Hi
All the code You need should be:
added to override.css
All the code You need should be:
- Code: Select all
.gkPage {
margin: 0 !important;
}
added to override.css
-
- Moderator
- GK User
- Tue Aug 04, 2015 6:59 pm
- Reply with quote
- Report this post
Hi teitbite,
thanks for the Fix in IE!
I am having problem in mobile view. the Part with the login is showing somewhere in the right when using a mobile phone.
How can I fix that?
Thanks in Advance!
thanks for the Fix in IE!
I am having problem in mobile view. the Part with the login is showing somewhere in the right when using a mobile phone.
How can I fix that?
Thanks in Advance!
-
- Junior Boarder
- teitbite
- Thu Aug 06, 2015 7:22 pm
- Reply with quote
- Report this post
Hi
It's because of a code You've added to override.css, but leave it there and add this code at the very end of this file:
It's because of a code You've added to override.css, but leave it there and add this code at the very end of this file:
- Code: Select all
@media only screen and (max-width:1150px) {
#gkTop, #gkMenuWrapper { width: 100%; }
}
-
- Moderator
- GK User
- Fri Aug 07, 2015 4:48 pm
- Reply with quote
- Report this post
hi,
sorry but it does not do the fixing. Here is a screen from an iphone.
please help me with this fix, i would like to run a relaunch soon.
thank you very much!
sorry but it does not do the fixing. Here is a screen from an iphone.
please help me with this fix, i would like to run a relaunch soon.
thank you very much!
-
- Junior Boarder
- teitbite
- Sun Aug 09, 2015 3:23 pm
- Reply with quote
- Report this post
Hi
I cannot see my code there. Are You sure You've copied it correctly ?
I cannot see my code there. Are You sure You've copied it correctly ?
-
- Moderator
- GK User
- Mon Aug 10, 2015 11:52 am
- Reply with quote
- Report this post
Thanks!
This issue is resolved.
This issue is resolved.
-
- Junior Boarder
- teitbite
- Thu Aug 13, 2015 2:44 pm
- Reply with quote
- Report this post
Hi
Ok, than I'm closing this thread.
Ok, than I'm closing this thread.
-
- Moderator
8 posts
• Page 1 of 1