
-
AuthorPosts
-
August 2, 2017 at 4:48 pm #833551
Hallo,
My website has a bug since update. Title bar is being blocked by header at around 770px screen. See website: http://www.hkcncservice.nl
Wat is happening? Please help!Thank you in advance!
Edit: my custos css:
.title_container .breadcrumb {
position: relative !important;
right: auto !important;
margin-top: 0px !important;
left: -3px;
margin-bottom: 25px !important;
}@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}#wrap_all {
position: relative !important;
}-
This topic was modified 7 years, 11 months ago by
sanderhudepohl.
August 2, 2017 at 5:05 pm #833562Hey,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 120px !important; }}
Best regards,
YigitAugust 2, 2017 at 5:10 pm #833563Thank you, that works almost perfect! Just one thing now: the menu disappears behind the logo when I make the screen smaller. Fix for that to? :)
Thank you in advance!
August 2, 2017 at 8:25 pm #833615Hi,
Glad it worked :)
Please remove following code from your custom CSS@media only screen and (max-width: 1024px) { #mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; } nav.main_menu { display: none; }} #wrap_all { position: relative !important; }
Best regards,
YigitAugust 3, 2017 at 10:53 am #833815Hey Yigit,
Thanks for quick reply again :)! Unfortunately it did not work. Menu is still behind logo when at smaller size. See screenshot attached. What could be solution?
August 3, 2017 at 11:56 am #833837Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 1030px) and (min-width: 990px) { .av-main-nav > li > a { padding: 0px 9px; }}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit -
This topic was modified 7 years, 11 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.