1) I would like to hide the three horizontal white lines "burger menu icon" on smaller mobile and tablet devices as I have a one page website and no menu
2) I would like to have the top bar visible on mobile and tablet devices
3) I would like to increase the height of my footer because an image link I have in the footer is being cut off
2) Top bar is still not showing on mobiles. Is there another way for me to display my phone number and email address at the top of the page for mobile devices?
3) Image is now in full view but the copyright text is not aligning properly and getting pushed out of view.
Hi, I have a few queries
1) I would like to hide the three horizontal white lines "burger menu icon" on smaller mobile and tablet devices as I have a one page website and no menu
2) I would like to have the top bar visible on mobile and tablet devices
3) I would like to increase the height of my footer because an image link I have in the footer is being cut off
Thanks
Hello Mike, thanks for purchasing Thefox!
1. You can do this by adding this custom css ( thefox > styling options ) :
.menu_slide #nav_button_alt,div#nav_button { display:none!important; }
2. Please try to add this custom css :
@media only screen and (max-width: 767px) {
.menu_slide.mt_menu { position: absolute!important; top: 63px!important; }
.top_email, .top_phone ,#header_socials { display:block!important; }
}
3. Try to add this custom css :
#footer_coms .f_si_right { line-height:72px; }#footer_coms .f_message_left{ height: 72px; line-height: 72px; }
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Thank you for the quick reply.
1) This worked thank you
2) Top bar is still not showing on mobiles. Is there another way for me to display my phone number and email address at the top of the page for mobile devices?
3) Image is now in full view but the copyright text is not aligning properly and getting pushed out of view.
Hello Mike,
You're welcome.
2. Please try to change this :
@media only screen and (max-width: 767px) {
.menu_slide.mt_menu { position: absolute!important; top: 63px!important; }
.top_email, .top_phone ,#header_socials { display:block!important; }
}
to
@media only screen and (max-width: 767px) {
#top_bar { display:block!important; }
.menu_slide.mt_menu { position: absolute!important; top: 63px!important; }
.top_email, .top_phone ,#header_socials { display:block!important; }
}
3. Add this css:
#footer_coms .f_message_left p { margin:0; padding:0; line-height:100px; display:inline-block; }
.f_message_left img{ display: inline-block; vertical-align: middle; }
This should fix the problem.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Thanks this code resolved all remaining issues.
Hello Mike,
You're welcome!
Glad to hear that!
Also Mike, I don't know if you have done it yet but if you could rate our theme 5 stars on theme forest,it would really boost our team motivation!
You can do it from this page : http://themeforest.net/downloads and click the stars under the download button of our theme. Thanks in advance!
Do not hesitate to contact us if you have other questions :)
Have a nice day!
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme