Hi! With the name and number that I have put on the top right hand corner of my webpage, it doesn’t display well when I view in on a mobile phone, is there anyway I can adjust this?
Hey Shawnlimws!
It’s displaying the same for me in desktop as well as mobile. I think I see what your trying to do with it though. Try adding this to your custom CSS.
#header .av_font_icon {
display: inline !important;
float: none !important;
}
Cheers!
Elliott
Hi!
the logo still overlaps the handphone number and email. Tried to take a picture to show you, but can’t seem to attach it here.. hahah. is there any other way?
Hey!
You can upload screenshots to for instance imgur.com or a public dropbox folder and then link them here.
Cheers!
Rikard
Here is the image! :)
https://www.dropbox.com/s/6z9jxkz44tnvr2m/Screenshot_2015-03-27-14-45-16.png?dl=0
Hey!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
#header_main {
height: 120px;
}
.logo {
padding-top: 40px!important;
}
#advanced_menu_toggle, #advanced_menu_hide {
top: 75%;
}}
Cheers!
Yigit
Hi! Thank you so much for your help!
https://www.dropbox.com/s/wfb88yrtprgus5q/Screenshot_2015-03-28-00-32-32.png?dl=0
It looks like this now. Do you think its possible if the email and hp is just below the logo and kept to the left side? Then the menu would just be on the right. Would really appreciate it. Thanks!! :)
Hey!
please try this in Quick CSS:
@media only screen and (max-width: 767px) {
.custom_content {
top: 57%;
right: 140px;
}
.responsive #top .logo {
position: relative;
top: -47px;
}}
and adjust as needed.
Don’t forget to clear browser cache.
Regards,
Andy
Thanks! really helped me a lot! :)