Menu Always Visible

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.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
User avatar
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;
}
User avatar
Moderator

GK User
Tue Oct 11, 2016 6:49 pm
Reply with quote
Report this post
It doesn't helped
http://estimator-hvac.pl
User avatar
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.
User avatar
Moderator

GK User
Wed Oct 12, 2016 7:14 pm
Reply with quote
Report this post
send an access
User avatar
Senior Boarder

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.
User avatar
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?
User avatar
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

Code: Select all
.gkPage {
    max-width: 100% !important;
    overflow-x: hidden;
}
User avatar
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.
User avatar
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
User avatar
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:

Code: Select all
.itemView {
max-width: 1024px;
margin: 0 auto;
}
User avatar
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
User avatar
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?
User avatar
Senior Boarder

GK User
Tue Oct 18, 2016 8:38 pm
Reply with quote
Report this post
Of course for article it works....thanks
User avatar
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)
User avatar
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 ?
User avatar
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
User avatar
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
User avatar
Senior Boarder

teitbite
Thu Oct 27, 2016 12:10 pm
Reply with quote
Report this post
Hi

Looks like this did the trick:

Code: Select all
section article.item-page {
    max-width: 1024px;
    margin: 0 auto;
}
User avatar
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...?
User avatar
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
User avatar
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
User avatar
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:

Code: Select all
#gkPageContentWrap {
    max-width: 1024px;
    margin: 0 auto;
}
User avatar
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
User avatar
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
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.