-
Posts
-
if you enlarge the logo (as mentioned on the other post ) you had to correct the padding-top of #main ( for that screen-width)
#top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: #000; }so change the css rules for that too:
@media only screen and (max-width: 989px) { .responsive.html_header_top #top #main { /* padding-top: 320px !important; */ padding-top: 400px !important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive.html_mobile_menu_tablet.html_header_top #top #main { /* padding-top: 320px !important; */ padding-top: 420px !important; } }you said change this:
“so change the css rules for that too.@media only screen and (max-width: 989px) {
.responsive.html_header_top #top #main {
/* padding-top: 320px !important; */
padding-top: 400px !important;
}
}@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
/* padding-top: 320px !important; */
padding-top: 420px !important;
}
}So I understand that it is already there? Correct? but I could not find this in my CSS anywhere? So I just added it but it doesn’T seem to do anything.
Change means not add !
you placed it on top of the quick css.but my settings are after your (top) insertion so the code is overwritten by mine.
i changed that code as mentioned.PS : du hast jetzt die container weite auf maximal 1000px gestellt ?
Na das hat sich dann ja richtig gelohnt, für die 10px unterschied das Menü zu stylen ;) bis (990px ) bis der Hamburger greift___________
PS : you have now set the container width to a maximum of 1000px ?
Well, that was really worth it to style the menu for the 10px difference up to (990px ) until the hamburger takes over ;)Ja ich weiss, der Kunde wollte es dann wieder schmaler haben, damit man mehr vom Hintergrund bild sieht. Siehst du da sonst ein Problem mit?
Problems:
I added a few words to the widget and now it interferes with the logo in the mobile view.
The other problem is that on some pages the header is cut off. Like in the picture.
Please fix both issues.and about you reply:
Change means not add !
you placed it on top of the quick css.
but my settings are after your (top) insertion so the code is overwritten by mine.
i changed that code as mentioned.I looked for the first line of this code @media only screen and (max-width: 989px) in the quick CSS but could not find it. Is it somewhere else? Generally I am capable of hanging css when I can find it. 😅
no – only quick css – i only copy paste this changings from dev-tools – so sometimes the browser dev tools change a bit the notation – maybe that is the reason ( f.e. pseudo-elements like before and after will noted on browsers as ::before and ::after allthough it is in quick css :before and :after)
see: https://kriesi.at/support/topic/background-images-in-color-section-dont-show/
i can change that for you – but you should think about it if is a good handling of the site if 2/3 of the screen height on mobile devices are #head – and content (#main) only 1/3.
How ca I get all these elements to align now in the footer? Impressum | Datenschutz Facebook Logo
Logo is off.
Hi,
Thanks for the update. If you have further questions which are not on the original topic, then please open a new thread.
Best regards,
Rikard#footer-page .avia_textblock p { display: flex !important; flex-flow: row nowrap; justify-content: end; } #footer-page .avia_textblock p a { padding: 0 5px; } #footer-page .avia_textblock p img { padding-top: 2px }
- You must be logged in to reply to this topic.