Forum Replies Created
-
AuthorPosts
-
Sorry, I didn’t hit save button. Does it work now?
By the way, I added the css code of the widget in header in the css field of the Customizer (instead of in the Quick CSS field).
Hmm, I see what you mean, does not really look good indeed.
So when i delete the css code of placing the widget on the right place, the meu does work correctly, so then there is no gap between the parent item and the sub item.
Should we maybe change some code there? I place it here again:
.responsive #top #header, .responsive #top #header #header_meta, .responsive #top #header #menu-item-search a, .responsive #top #header a.cart_dropdown_link, .responsive #top #header #header_main nav .social_bookmarks, .responsive #top #header #header_main .inner-container .logo, .responsive #top #header #header_main .inner-container .main_menu, .responsive #top #header #header_main .inner-container .widget, #top #header #header_main .container.av-logo-container .inner-container { display: flex; position: relative; } .responsive #top #header #header_meta { flex-basis: 100%; } #top #header #header_main .container.av-logo-container { height: inherit; line-height: inherit; } #top #header #header_main .container.av-logo-container .inner-container { height: inherit; position: relative !important; flex-wrap: wrap; padding: 10px; justify-content: space-between; } .responsive #top #header { flex-wrap: wrap; } .responsive #top #header #header_main { flex-basis: 100%; } .responsive.html_header_transparency #top #wrap_all #header { position: absolute; } .html_header_sticky.html_mobile_menu_tablet #top #wrap_all #header, .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: fixed; } .html_header_sticky #top #header_main .container, .html_header_sticky #top .main_menu ul:first-child>li a { height: inherit !important; line-height: inherit !important; } .responsive #top #header #header_main .inner-container .logo { order: 1; flex-basis: auto; min-width: 100px; max-width: 180px; z-index: 9; max-height: 80px !important; overflow: visible; } .responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img { width: auto; height: auto; align-items: center; align-self: center; justify-content: center; } .responsive #top #header .logo a { top: 86px; } .responsive #top #header .logo span img { position: absolute; top: 50%; transform: translateY(-50%); } .responsive #top #header #header_main .inner-container .main_menu { order: 3; flex-basis: auto; align-items: center; align-self: center; height: inherit !important; } #header .av-main-nav { display: flex; flex-wrap: nowrap; } @media only screen and (max-width: 1000px) { #top #header .av-main-nav>li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } } @media only screen and (max-width: 767px) { .responsive #top .av-logo-container .avia-menu { display: flex!important; align-items: center; } } .responsive #top #header #header_main .inner-container .widget { order: 2; flex-basis: auto; padding: 0; clear: none!important; justify-content: center; align-self: center; align-items: center; z-index: 1; } .responsive #top #header #header_main .inner-container .widget>div { width: 100%; } .responsive #top #header #header_main nav .social_bookmarks { top: auto; margin-top: 0; align-items: center; } .responsive #top .av-logo-container .social_bookmarks li { height: inherit; } #top #header #header_main #menu-item-shop a.cart_dropdown_link { height: auto; } @media only screen and (max-width: 767px) { .responsive #top #menu-item-shop.cart_dropdown { display: flex; align-items: center; } .cart_dropdown .dropdown_widget .avia-arrow { display: none; } } @media only screen and (max-width: 767px) { .responsive #top #wrap_all #main { padding-top: 387px !important; } .responsive #top #wrap_all #header { position: absolute !important; } #top #header #header_main .container.av-logo-container .inner-container { display: block; } .responsive #top #header #header_main .inner-container .logo { height: auto !important; max-height: none !important; } .responsive #top #header #header_main .inner-container .logo a { top: 0; } .responsive #top #header #header_main .inner-container .main_menu { position: absolute; top: 30px; } .responsive #top #header #header_main .inner-container .widget { padding-top: 12px; margin-bottom: -8px; } }
Hi Yigit,
That works partly, when I scroll to one of the submenu items the submenu disappears, so I cannot click on one of the items.Thanks Yigit, That works perfect!
YES!!
Great, all good now.
Thanks for your help!
Hi Nikko,
Yes! That worked, thanks a lot!
Just one more question: on mobile I’d like a little bit more whitespace above the button (in the widget), where in the code do I change this?
Hi Nikko,
The content below the header is now visible, but the header area is still fixed.
Hi Nikko,
Almost there! The logo appears correctly now.
But now the logo and header are fixed, this is not what I want on mobile, it needs to scroll up. Also, the text is still not completely visible, it is cut off even more now. You can check it on mobile: http://www.fronikboerderij.nl.
Thanks for your help!
Hi Nikko,
I added the code. The logo is better now, but only the top of the logo is visible. I want the whole logo to be visible. It also looks a bit squeesed. I added an image of how I want the logo to appear in private content.
I also see that the top of the introduction text is partly placed under the header, this way it is not completely visible.
Thanks again!
Hi Niko,
That worked for normal screen, but on mobile the logo is not appearing like it should anymore. It is overlapping the text. Before I added this code, the logo was completely visible in the top bar. Can you help me with this?
Thanks!
Hi, I did now…
Okay, I wil look into that. Thanks for your help so far!
Hi Yigit,
Yes that’s better, but somehow the main title of the fourth item is placed bit heigher than the other titles. Does this have to do with the padding?
See private link
Hi Yigit,
This doesn’t quite work yet, please check: https://www.fronikboerderij.nl/test-home-slider/
Thanks that worked for the title, what do I use for the excerpt? Thanks!
Hi Ismael,
You’re right, that was a bit onclear.
This is the page:
You can see the black background behind the titles, I need them to be nicely around the titles.
Hi Yigit,
That’s a very simple solution! Thanks!
And I see now it already says that, next to the option “Use first slides caption as permanent caption”. I didn’t see that earlier. Sorry about that!
- This reply was modified 3 years, 10 months ago by JantienM.
This reply has been marked as private.Yes you can close this topic!
Hi Victoria,
In the mean time the support of Woocommerce respnded as well: “When looking at the dropdown in more detail, it looks like the dropdown is cut off due to an overflow setting in the CSS of your theme.”
They send me some screenshots of the css code that was cutting off the overflow setting and then I added this code to my Quick CSS
#top #payment ul.payment_methods { overflow: visible; }
And this seems to solve the problem!
Hi Victoria,
I just did, but they say its a design issue… I think probably it’s a matter of adjusting a css code, but I don’t know which one. I hope you guys can help me with this issue, since payments are failed right now, thanks a lot!
Yes that works! Great, thanks!
No, it has to do with the menu swapper I think.
Because on de the shop site, the hamburger does appear.
When I select main menu instead of secundairy menu on the live homepage, the hamburger does appear. I was wondering if it’s possible to make two main menus to work around this issue?
Hi Rikard,
Did you see my other question regarding the menu and using menu swapper as well? The hamburger is not appearing on mobile screens on de live homepage.
Thanks!
Ah yes of course, thanks, that worked.
Yes, that worked, great. thanks.
The only problem that still exists is that the hamburger menu on de live homepage is not visible on mobile devices.
Hope you can help me out with that also, thanks a lot.
Hi, see private content.
-
AuthorPosts