Menu ruchome zoom

stryjek-www
149 Posts
stryjek-www posted this 6 days ago

Witam jak zrobić podobne ruchome menu zoom jak na tej stronie http://www.sala-orchidea.pl/ chodzi mi o cały pomniejszający się nagłówek i zmianę wyglądu

Witam jak zrobić podobne ruchome menu zoom jak na tej stronie http://www.sala-orchidea.pl/ chodzi mi o cały pomniejszający się nagłówek i zmianę wyglądu
Vote to pay developers attention to this features or issue.
17 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 3 days ago

Hello,

It is possible to do such menu only using custom CSS code. To begin with, you need to place the initial styling for the menu: transparent background, overlapping the header and fixed position.
Then it is necessary to add custom code to change the menu background on scroll and make the header logo smaller. We can help with that.

Gina
Themler Support

Hello, It is possible to do such menu only using custom CSS code. To begin with, you need to place the initial styling for the menu: transparent background, overlapping the header and fixed position. Then it is necessary to add custom code to change the menu background on scroll and make the header logo smaller. We can help with that. Gina Themler Support
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

jak to zrobić prosze o pomoc

jak to zrobić prosze o pomoc
Support Team
Support Team posted this 3 days ago

I can help but I need to work on the actual site.
When it is live with the initial styling of the menu, please, provide the link to it.

Gina
Themler support

I can help but I need to work on the actual site. When it is live with the initial styling of the menu, please, provide the link to it. Gina Themler support
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

http://salarozany.gpe.pl/

http://salarozany.gpe.pl/
Support Team
Support Team posted this 3 days ago

Please, explain the desired behavior?

If you want the menu to be transparent but get white background on scroll, please, make it transparent now, and I will provide the code for the styling on scroll.

Gina

Please, explain the desired behavior? If you want the menu to be transparent but get white background on scroll, please, make it transparent now, and I will provide the code for the styling on scroll. Gina
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

ok już jest zrobione

ok już jest zrobione
Support Team
Support Team posted this 3 days ago

Sorry, I am a bit confused. Right now your menu is white in initial position and transparent on scroll, I though your would like to have the opposite effect.
Could you please explain?

Gina

Sorry, I am a bit confused. Right now your menu is white in initial position and transparent on scroll, I though your would like to have the opposite effect. Could you please explain? Gina
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

Nie umiem zrobić tak aby nagłówek z menu był na slider ze zdjęciami tak jak na stronie http://www.sala-orchidea.pl/ . chodzi o to aby menu było na zdjęciu a nie na białym pasku. Mogę dać ci dane do panelu joomla

Nie umiem zrobić tak aby nagłówek z menu był na slider ze zdjęciami tak jak na stronie http://www.sala-orchidea.pl/ . chodzi o to aby menu było na zdjęciu a nie na białym pasku. Mogę dać ci dane do panelu joomla
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

chcę aby był takie samo jak na http://www.sala-orchidea.pl/

chcę aby był takie samo jak na http://www.sala-orchidea.pl/
stryjek-www
149 Posts
stryjek-www posted this 3 days ago

http://salarozany.gpe.pl/administrator

login salarozany
pass Igorek1A

http://salarozany.gpe.pl/administrator login salarozany pass Igorek1A
Support Team
Support Team posted this 2 days ago

1) Header has built-in feature to overlap next section:

Screenshot-2.png

2) As for the rest, I have added custom code to Home -> Settings -> Additional CSS.

Gina

1) Header has built-in feature to overlap next section: !Screenshot-2.png! 2) As for the rest, I have added custom code to Home -> Settings -> Additional CSS. Gina
stryjek-www
149 Posts
stryjek-www posted this 2 days ago

logo nie pomniejsza się, a chcę aby płynnie sie pomnijeszało

logo nie pomniejsza się, a chcę aby płynnie sie pomnijeszało
Support Team
Support Team posted this 2 days ago

Sorry for the delay. As I can see you have already added transition property to the logo image.

Gina
Themler Support

Sorry for the delay. As I can see you have already added transition property to the logo image. Gina Themler Support
stryjek-www
149 Posts
stryjek-www posted this yesterday

tak dodałem sam ale logo jakoś dziwnie się pomniejsza. Przeskakuje w bok zanim się pomniejszy, widzisz to?

tak dodałem sam ale logo jakoś dziwnie się pomniejsza. Przeskakuje w bok zanim się pomniejszy, widzisz to?
stryjek-www
149 Posts
stryjek-www posted this yesterday

mam kolejny problem. Na stronie głównej nagłówek jest ok. ale na pozostałych podstronach chcę aby był jakiegoś innego koloru , albo litery menu innego koloru bo nie widać ich na białym tle jak to zrobić?

mam kolejny problem. Na stronie głównej nagłówek jest ok. ale na pozostałych podstronach chcę aby był jakiegoś innego koloru , albo litery menu innego koloru bo nie widać ich na białym tle jak to zrobić?
stryjek-www
149 Posts
stryjek-www posted this yesterday

Jak w tym linku zrobić to aby nagłówek nachodził na zdęcie tak samo jak na stronie głównej?
http://salarozany.gpe.pl/o-nas

Jak w tym linku zrobić to aby nagłówek nachodził na zdęcie tak samo jak na stronie głównej? http://salarozany.gpe.pl/o-nas
Support Team
Support Team posted this 1 hour ago

Hello,

1) In order to differentiate the menu items color between Home page and other pages, you can add .bd-homepage class to the CSS for homepage, and .bd-body-7 class for other pages. For example:

.bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a, .bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a:link, .bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a:visited {
color:#555555!important;}

2) The logo doesn't shift to the left right now, you must have been already fixed it.

3) As for O NAS page, I can't provide custom CSS, since it will affect other pages as well.
Have you tried moving the section with the photo up by setting negative top margin?

Gina
Themler Support

Hello, 1) In order to differentiate the menu items color between Home page and other pages, you can add .bd-homepage class to the CSS for homepage, and .bd-body-7 class for other pages. For example: .bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a, .bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a:link, .bd-body-7 .bd-menu-1.nav-pills .bd-menuitem-1:not(.bd-mega-item)>a:visited { color:#555555!important;} 2) The logo doesn't shift to the left right now, you must have been already fixed it. 3) As for O NAS page, I can't provide custom CSS, since it will affect other pages as well. Have you tried moving the section with the photo up by setting negative top margin? Gina Themler Support
You must log in or register to leave comments