Digital experiences for all disciplines
Forum Replies Created
-
Posted in: We hit Power Elite.
-
Thanx a lot!
Is there an other way to set a fixt hight to an row? I used the image banner for that.
Changed it now to two a blank spacers, but that doesn’t gives the same effect.Thanx a lot!
Internet Explorer 11 and in Microsoft Edge.
Thanx a lot that solved it!
I ment the seach bar for the maps, but I managed that already.
I have the same problem, did you find a solution already?
I fixt almost all the problems exept for two importaint ones.
Can you take a look?1. Got this white space between the header and menu when resizing.
Add a printscreen.2. White space at the bottom in the mobile version.
see second printscreen.3. On this page http://www.natuurlijk-scharrelvlees.nl/verkooppunten/
when you open the search options it falls behind the menu.Thanx a lot!!
Attachments:
You must be logged in to view attached files.Thank you, what was the outcome?
Can you give me an update?I remember now how to solve this.
The only way is to go to the normal builder and delete the space in the flat text.Thanx for the check!
Thanks for working it out!
Thanxs a lot! That made it work, only a few dificulties left:
1. The search icon is not moving with it. Do you have a solution for that?
2. Also I would like to have the mobile menu apearing by 1380, so the menu items are not on 2 lines on a smaller screen.
I can only set it to portret or landscape. And I don’t want to use the Max menu because I like yours more.3. When moving to mobile view, the tekst is behind the header.
That will solve it all i think 🙂
Attachments:
You must be logged in to view attached files.This reply has been marked as private.I made the text size in the footer smaller by CSS.
So before you delete all the code, i want to make sure you saw that 🙂yes please!
Only leave the code for the text size in the footer.
Thanx a lot
Doesn’t do the thing unfortunaly.
– The menu text is not inplace in the ‘normal’ header.
– And in the resized header it is not on top, and also the search icon doesn’t go up. White space had to be around 55px.
– Also the secondmenu blocks are not attaced to the menu.I like it if the logo stay’s big and overlaps the body.
sow that can stay if posible.Used this code for the example (had to remove it now for the client):
.resized-header #logo img {
max-height: 80px!important;
}
.full-center #main-navigation ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, .split-menu nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, .split-menu ul.menu > li, .header-1 .split-menu .no-menu, #sf-full-header-search, .float-menu nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
height: 119px;
line-height: 119px;
}.full-center.resized-header #main-navigation ul.menu > li > a,
.full-center.resized-header nav.float-alt-menu ul.menu > li > a,
.full-center.resized-header nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item,
.full-center.resized-header #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link{
height: 60px!important;
line-height:45px!important;;
}.resized-header #header,
.resized-header .float-menu,
.resized-header #header-sticky-wrapper {
height: 55px!important;
}Attachments:
You must be logged in to view attached files.Thank you!
I resized by changing the numbers, but i got some dificulties.Last questions:
1. By the full header at the beginning the menu is now also floating top.
2. The search icon is not moving up
3. How can i replace the logo for an other one, just for the smaller menu?this is the code I used:
.resized-header #logo img {
max-height: 40px!important;
}
.full-center #main-navigation ul.menu > li > a, .full-center nav.float-alt-menu ul.menu > li > a, .full-center nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, .split-menu nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, .split-menu ul.menu > li, .header-1 .split-menu .no-menu, #sf-full-header-search, .float-menu nav > .mega-menu-wrap ul.mega-menu > li.mega-menu-item, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item, #mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {
height: 55;
line-height: 35px;
}
.resized-header #header,
.resized-header .float-menu,
.resized-header #header-sticky-wrapper {
height: 55px!important;
}Attachments:
You must be logged in to view attached files. -
Posted in: We hit Power Elite.