Tagged: logo, mobile devices, responsive theme
-
AuthorPosts
-
January 26, 2014 at 1:54 pm #215014
Hi,
I would like to know how to make sure I am not loosing the “responsive” behaviour of some elements such as Logo, Main Menu, Side Bar Widgets, etc..
1. I noticed that after customizing some of the elements through child theme and quick css, they lost their responsive behaviour when resizing screen or on mobile devices (iphone, ipad).
2. I have a graphic element (img 1030px X 175px) in templates between the header and the content main area and I would like it to be responsive too.
What should I do?
Thank you.
Serge.January 27, 2014 at 7:27 am #215178Hi Serge!
1.) The responsiveness will not be affected by using a child theme. Can you please give us a link to the website?
2.) You can use the Image element under Media Elements panel.
Cheers!
IsmaelJanuary 27, 2014 at 8:00 am #215195This reply has been marked as private.January 27, 2014 at 10:58 am #215277Hey!
1.) Use this to fix the logo on mobile view:
@media only screen and (max-width: 767px) { .responsive .logo { position: absolute !important; height: 80px; left: 20px !important; } }
2.) I’m not sure what’s wrong with the main menu.
3.) The form looks ok on my end.
4.) You can use the Color Section to replace the inline image banner. Use the graphic banner as background image. Please watch these videos to learn more about the theme: https://vimeo.com/channels/aviathemes/
Regards,
IsmaelJanuary 27, 2014 at 5:51 pm #215429Thank you Ismael, this is good on iPad, but unfortunately, not on iPhone. Any suggestion?
January 27, 2014 at 9:02 pm #215494Hi,
I could fix all the other issues, thank you, but concerning the logo, I see that even on iPad and on desktop, the logo size is altered, its size should remain 209px X 50px. The header height has been reduced intentionally but there should be enough space for the logo.
Can you please help me to sort this out?
Thanks a lot.
S.January 28, 2014 at 6:11 pm #215936Hi!
Please try to insert following code at the bottom of functions.php
add_filter('body_class','avia_remove_resize_function'); function avia_remove_resize_function($classes) { $classes[] = 'avia_deactivate_menu_resize'; return $classes; }
It will deactivate the js function which re-sizes the logo if the menu & header height increases/decreases and this should fix your issue.
Regards,
PeterJanuary 29, 2014 at 9:52 am #216271Hi Peter,
Thanks, but I got a blank site after adding this to functions.php
Should it be before or after require_once( ‘functions-enfold.php’); ?
Also I am using a child theme should it still be in Enfold functions.php file?
Thank you for your support :)
Serge
January 29, 2014 at 9:49 pm #216635Hey!
If you are using a child theme then it would be your child themes functions.php file.
Regards,
Devin -
AuthorPosts
- The topic ‘Responsivity lost’ is closed to new replies.