-
AuthorPosts
-
December 4, 2014 at 12:03 pm #362792
Hi, the header logo doesn’t adjust in responsive mode. I firstly set the menu to appear to the right of the logo, but the menu was visible underneath the logo when you narrow the panes so I’ve had to put the menu below the logo instead. Now the social icons disappear under the logo when you narrow the pane and are visible underneath it. I need either for the logo to shrink in responsive/narrow mode or else the menu/icons to move below it. See private content for weblink/quick CSS.
Thanks
December 4, 2014 at 1:16 pm #362825This reply has been marked as private.December 4, 2014 at 2:37 pm #362855Hi!
1- Please add following code to Quick CSS as well
@media only screen and (max-width: 640px) { ul.noLightbox.social_bookmarks { position: relative; top: 15px!important; }}
2- Sure we can, but please contact Kriesi using contact form here – http://kriesi.at/contact and ask if it is possible to change your username.
Regards,
YigitDecember 4, 2014 at 3:12 pm #362888This reply has been marked as private.December 4, 2014 at 3:28 pm #362897Hi!
I could not reproduce the issue but please add following code to Quick CSS as well and adjust as needed
@media only screen and (max-width: 480px) { .responsive .logo img { max-width: 80%; }}
Regards,
YigitDecember 8, 2014 at 2:26 pm #364616This reply has been marked as private.December 8, 2014 at 3:05 pm #364642This reply has been marked as private.December 8, 2014 at 9:11 pm #364955Hey!
Please add following code to Quick CSS
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main { padding-top: 165px; }
Please edit your page and choose to display “Title and breadcrumbs” under Layout Section. If that does not work, please create a temporary admin login and post it here privately so we will look into it
Regards,
YigitDecember 15, 2014 at 9:04 pm #368564This reply has been marked as private.December 17, 2014 at 2:36 am #369286Hi!
You can add a top padding on the menu items:
.main_menu ul:first-child > li a { padding-top: 30px; }
Use css media queries to adjust the top padding on smaller screen sizes. Or use this:
.main_menu > div > ul.av-main-nav > li > a { padding-top: 30px !important; }
Cheers!
IsmaelDecember 17, 2014 at 12:59 pm #369437This reply has been marked as private.December 17, 2014 at 4:46 pm #369523Hi!
Please add following code to Quick CSS as well
.html_header_top.html_header_topbar_active.html_header_sticky.html_large #top #main { padding-top: 157px; }
Cheers!
YigitDecember 29, 2014 at 5:27 pm #372664This reply has been marked as private.December 29, 2014 at 5:31 pm #372666Hey!
Please add following code to Quick CSS
.title_container .main-title a { font-size: 12px; }
Cheers!
YigitDecember 29, 2014 at 6:10 pm #372710This reply has been marked as private.December 29, 2014 at 6:20 pm #372719Hey!
Please use following code instead
#top .title_container .container { padding-top: 0; padding-bottom: 0; min-height: 36px; }
Cheers!
YigitDecember 29, 2014 at 6:26 pm #372722This reply has been marked as private.December 29, 2014 at 6:28 pm #372725Hey!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Regards,
Yigit -
AuthorPosts
- The topic ‘Header Logo’ is closed to new replies.