Menu Always Visible
Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Mon Oct 10, 2016 7:33 pm
- Reply with quote
- Report this post
Hi,
I' d like to have main menu always visible during the scroling...or even this solution when you starting to scrol up like on your forum.
But there isn't any option like fixed menu....or something like that...Is it possible?
Tomasz
I' d like to have main menu always visible during the scroling...or even this solution when you starting to scrol up like on your forum.
But there isn't any option like fixed menu....or something like that...Is it possible?
Tomasz
-
- Senior Boarder
- teitbite
- Tue Oct 11, 2016 8:50 am
- Reply with quote
- Report this post
Please add this code to override.css and make sure override is enabled in template settings.
- Code: Select all
#gkBg {
padding: 62px 0 0;
}
#gkTop {
position: fixed;
top: 0;
z-index: 9999;
left: 0;
}
-
- Moderator
- GK User
- Tue Oct 11, 2016 6:49 pm
- Reply with quote
- Report this post
It doesn't helped
http://estimator-hvac.pl
http://estimator-hvac.pl
-
- Senior Boarder
- teitbite
- Wed Oct 12, 2016 12:28 pm
- Reply with quote
- Report this post
Hi
Must be some issue in override.css file, since I can see the code, buy browser is not recognising it. Please send me an access to joomla panel. I'll see why it's not visible.
Must be some issue in override.css file, since I can see the code, buy browser is not recognising it. Please send me an access to joomla panel. I'll see why it's not visible.
-
- Moderator
- teitbite
- Thu Oct 13, 2016 11:07 am
- Reply with quote
- Report this post
Hi
Issue must be somewhere in upper code. As soon as I've moved my code over rest of the changes in this files, menu glued to top of the screen.
Issue must be somewhere in upper code. As soon as I've moved my code over rest of the changes in this files, menu glued to top of the screen.
-
- Moderator
- GK User
- Sat Oct 15, 2016 7:48 pm
- Reply with quote
- Report this post
Ok.
But now is another issue.
Menu is wide on all screen.
It's nice effect but only when all other parts of template behave like that.
So I have now two questions.
1. Is it possible to have fixed menu the same width as the body of site.
2. Is it possible to make all template full screen?
But now is another issue.
Menu is wide on all screen.
It's nice effect but only when all other parts of template behave like that.
So I have now two questions.
1. Is it possible to have fixed menu the same width as the body of site.
2. Is it possible to make all template full screen?
-
- Senior Boarder
- teitbite
- Sun Oct 16, 2016 10:03 am
- Reply with quote
- Report this post
Hi
Easier would be resize site to 100%. Just add this code right under the last code I gave You in override.css
Easier would be resize site to 100%. Just add this code right under the last code I gave You in override.css
- Code: Select all
.gkPage {
max-width: 100% !important;
overflow-x: hidden;
}
-
- Moderator
- GK User
- Sun Oct 16, 2016 12:05 pm
- Reply with quote
- Report this post
Ok.
Thanks for your time
Topic can be closed.
Thanks for your time
Topic can be closed.
-
- Senior Boarder
- GK User
- Sun Oct 16, 2016 12:32 pm
- Reply with quote
- Report this post
Ok. too quick....
Maybe another question....
When I have template on all screen.
Where can I define margin. Is it possible?
I would like for e.g. top1 module position(mainbody and others on specific site) to looks like before changing width of site on all screen. - for example margin 200 px
Maybe another question....
When I have template on all screen.
Where can I define margin. Is it possible?
I would like for e.g. top1 module position(mainbody and others on specific site) to looks like before changing width of site on all screen. - for example margin 200 px
-
- Senior Boarder
- teitbite
- Mon Oct 17, 2016 10:59 am
- Reply with quote
- Report this post
Hi
It depends from what element should be affected. For example all articles can be managed with a code like:
It depends from what element should be affected. For example all articles can be managed with a code like:
- Code: Select all
.itemView {
max-width: 1024px;
margin: 0 auto;
}
-
- Moderator
- GK User
- Mon Oct 17, 2016 6:24 pm
- Reply with quote
- Report this post
Ok. I will check if I' ll have the effect..Please don't close the topic
-
- Senior Boarder
- GK User
- Tue Oct 18, 2016 8:33 pm
- Reply with quote
- Report this post
What about custom module?
and what about content especialy in header module position. It' s possible to have margin in it when the size is full width?
and what about content especialy in header module position. It' s possible to have margin in it when the size is full width?
-
- Senior Boarder
- GK User
- Tue Oct 18, 2016 8:38 pm
- Reply with quote
- Report this post
Of course for article it works....thanks
-
- Senior Boarder
- GK User
- Thu Oct 20, 2016 7:45 pm
- Reply with quote
- Report this post
Could you help me with this margin for custom module? (custom html)
-
- Senior Boarder
- teitbite
- Sun Oct 23, 2016 11:03 am
- Reply with quote
- Report this post
Hi
Where is this custom module and where this margin should be ?
Where is this custom module and where this margin should be ?
-
- Moderator
- GK User
- Mon Oct 24, 2016 5:35 pm
- Reply with quote
- Report this post
Hi,
For example this page
http://estimator.expert/index.php/ile-to-kosztuje
In top 1 is custom module.
I would like to know how to flexibly create this margin...
In my opinion the best situation is do like for articles....to have possibility to make site smaller for some pages and specific content...sometimes it will be custom module, sometimes image show...
If this is impossible...please tell me how to solve the problem for the page above
and that one http://estimator.expert/index.php/jak-dzialamy
The best solution is to give me the knowledge to have:
1. Any Content centered for any module position
2. site width define flexible for each module position
where I have site full width
Hopefully for quick reply
Tomek
For example this page
http://estimator.expert/index.php/ile-to-kosztuje
In top 1 is custom module.
I would like to know how to flexibly create this margin...
In my opinion the best situation is do like for articles....to have possibility to make site smaller for some pages and specific content...sometimes it will be custom module, sometimes image show...
If this is impossible...please tell me how to solve the problem for the page above
and that one http://estimator.expert/index.php/jak-dzialamy
The best solution is to give me the knowledge to have:
1. Any Content centered for any module position
2. site width define flexible for each module position
where I have site full width
Hopefully for quick reply
Tomek
-
- Senior Boarder
- GK User
- Mon Oct 24, 2016 5:50 pm
- Reply with quote
- Report this post
teitbite wrote:Hi
It depends from what element should be affected. For example all articles can be managed with a code like:
- Code: Select all
.itemView {
max-width: 1024px;
margin: 0 auto;
}
I'd like to back to this solution...It works for k2 articles...it doesn't works for joomla articles
http://estimator.expert/index.php/dla-k ... eweloperzy
-
- Senior Boarder
- teitbite
- Thu Oct 27, 2016 12:10 pm
- Reply with quote
- Report this post
Hi
Looks like this did the trick:
Looks like this did the trick:
- Code: Select all
section article.item-page {
max-width: 1024px;
margin: 0 auto;
}
-
- Moderator
- GK User
- Sun Oct 30, 2016 9:54 am
- Reply with quote
- Report this post
Hi,
It helped....
TWO QUESTIONS (LAST - I HOPE)
and how to manage with (własny html) custom html...like on attached drawing?
And last question in this subject...Layouts works in template in this way that..I can connect for exapmle this all rules which you helped me define to some menu item? And for others will be default rules?
Is there any article how it works...?
It helped....
TWO QUESTIONS (LAST - I HOPE)
and how to manage with (własny html) custom html...like on attached drawing?
And last question in this subject...Layouts works in template in this way that..I can connect for exapmle this all rules which you helped me define to some menu item? And for others will be default rules?
Is there any article how it works...?
-
- Senior Boarder
- teitbite
- Tue Nov 01, 2016 10:01 am
- Reply with quote
- Report this post
Hi
Not sure if I understand, but if You need a different styling on some pages You can use "page class suffix" and thanks to that have a set of different css for each page. Here is an example how to use "page class suffix" in our templates.
https://www.gavick.com/documentation/jo ... omla-pages
Not sure if I understand, but if You need a different styling on some pages You can use "page class suffix" and thanks to that have a set of different css for each page. Here is an example how to use "page class suffix" in our templates.
https://www.gavick.com/documentation/jo ... omla-pages
-
- Moderator
- GK User
- Tue Nov 01, 2016 10:58 am
- Reply with quote
- Report this post
HI,
This I've learnt...I' d like to know how to manage with diffrent layouts... - first question
Second is:
How to display content on picture above like article (|You define the rule for article 1024 px)...i mean how to make it bordered with width of site 1024 px.?
http://estimator.expert/index.php/ile-to-kosztuje - in this page picture which is in custom html is on left side of site...
I manage and on this site and i put in in the article (http://estimator.expert/index.php/zapytanie-ofertowe) -It works, but I don't want to proceed like that
On this site (http://estimator.expert/index.php/kontakt) I have contact module...and it is display on the left side....the same --->> how to manage and shrink site to the width of 1024 px for this module and page ???
Tomasz
This I've learnt...I' d like to know how to manage with diffrent layouts... - first question
Second is:
How to display content on picture above like article (|You define the rule for article 1024 px)...i mean how to make it bordered with width of site 1024 px.?
http://estimator.expert/index.php/ile-to-kosztuje - in this page picture which is in custom html is on left side of site...
I manage and on this site and i put in in the article (http://estimator.expert/index.php/zapytanie-ofertowe) -It works, but I don't want to proceed like that
On this site (http://estimator.expert/index.php/kontakt) I have contact module...and it is display on the left side....the same --->> how to manage and shrink site to the width of 1024 px for this module and page ???
Tomasz
-
- Senior Boarder
- teitbite
- Sat Nov 05, 2016 8:27 pm
- Reply with quote
- Report this post
Hi
Ok. I understand now. I thought You only wanted to affect articles. Here is a code for all layers:
Ok. I understand now. I thought You only wanted to affect articles. Here is a code for all layers:
- Code: Select all
#gkPageContentWrap {
max-width: 1024px;
margin: 0 auto;
}
-
- Moderator
- GK User
- Sun Nov 06, 2016 4:59 pm
- Reply with quote
- Report this post
Hi,
Thanks,
Solved...
Thanks once more for your help
Thanks,
Solved...
Thanks once more for your help
-
- Senior Boarder
- teitbite
- Fri Nov 11, 2016 11:10 am
- Reply with quote
- Report this post
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
-
- Moderator
25 posts
• Page 1 of 1