-
AuthorPosts
-
July 18, 2015 at 7:52 pm #475295
Hello Support,
With your help previously https://kriesi.at/support/topic/inserting-728×90-banner-into-header/, I was able to insert a banner into the header. However, that was with the Menu and Logo Position set to: “Logo Left, Menu Right.”
If I attempt to change the Menu and Logo Position to “Logo Left, Menu Below” a lot of extra white space is created and the banner falls down the page Is it possible to keep the banner in the header if using a different Menu and Logo Position rather than “Logo Left, Menu Right”? I would prefer to use “Logo Left, Menu Below” if possible.
Also, I know this is probably asking a lot, but is it also possible to configure the header in such a way that a 728 x 90 banner resides in the header when viewed on larger resolutions…then automatically switches to a 320 x 100 mobile banner when responsive mode is activated?
July 20, 2015 at 6:44 pm #476016Hey MLA18!
Please refer to this post and add a widget area to your header – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
You can adjust the values on custom CSS code to position your banner as needed :)Best regards,
YigitJuly 20, 2015 at 7:08 pm #476038Hi!
I can’t login, it is asking for a “Google Authenticator code”.
Regards,
JosueJuly 20, 2015 at 7:34 pm #476054You may try again, I have temporarily deactivated that.
Thanks!
July 21, 2015 at 1:26 pm #476463Hey!
not sure what you are trying to achieve, because I can’t see any widget in your header. Did you follow the instruction from Yigit? Where can we see your header widget?
Regards,
AndyJuly 21, 2015 at 2:45 pm #476514Apologies, I had the wrong method of placing a header banner in place. I have been given two different methods through this forum.
The header widget is now in place.
Thanks!
July 21, 2015 at 2:53 pm #476519Hi!
I see that you have set top value to -125px. -100px would look fine in my opinion. If you would like to adjust it, please go to Quick CSS field and make the changes as needed and to hide the widget area on mobile, please use
@media only screen and (max-width: 769px) { #header .widget { display: none !important; }}
Best regards,
YigitJuly 21, 2015 at 2:57 pm #476521Thank you for your help, sorry for the confusion.
Is it possible to to have a smaller mobile banner activated once responsive mode is activated?
Thanks!
July 21, 2015 at 3:02 pm #476527Hi!
Please change the code in Functions.php file to following one
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { if(wp_is_mobile() ) { dynamic_sidebar( 'mobile' ); } else { dynamic_sidebar( 'header' ); } }
You should create a second widget area named “mobile”.
Cheers!
YigitJuly 21, 2015 at 3:29 pm #476551Thank you for that! However I can’t seem to get the mobile banner to activate in responsive mode.
July 21, 2015 at 11:21 pm #476748Hey!
Have you checked on an actual mobile device?
Cheers!
JosueJuly 21, 2015 at 11:40 pm #476755Yes, on a Samsung Note 3…tried it on mobile versions of Chrome, Firefox, Opera, Dolphin and the native android browser.
Thanks!
July 27, 2015 at 6:33 pm #479226Hi!
Sorry for the late reply! Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 989px) { .responsive.html_mobile_menu_tablet #header_main_alternate { display: block !important; }}
Best regards,
YigitJuly 27, 2015 at 7:35 pm #479264Perfect.
As always, thank you for your time and efforts!
July 27, 2015 at 7:42 pm #479268 -
AuthorPosts
- The topic ‘Header Banner with various Logo/Menu Positions’ is closed to new replies.