Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 24, 2015 at 7:29 pm #417321
    Shawnlimws

    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?

    March 24, 2015 at 9:55 pm #417424
    Elliott

    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

    March 27, 2015 at 8:51 am #419133
    Shawnlimws

    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?

    March 27, 2015 at 10:39 am #419186
    Rikard

    Hey!

    You can upload screenshots to for instance imgur.com or a public dropbox folder and then link them here.

    Cheers!
    Rikard

    March 27, 2015 at 12:22 pm #419223
    Shawnlimws

    Here is the image! :)

    https://www.dropbox.com/s/6z9jxkz44tnvr2m/Screenshot_2015-03-27-14-45-16.png?dl=0

    March 27, 2015 at 4:58 pm #419408
    Yigit

    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

    March 27, 2015 at 6:34 pm #419542
    Shawnlimws

    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!! :)

    March 29, 2015 at 11:24 pm #420130
    Andy

    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

    March 30, 2015 at 9:08 am #420268
    Shawnlimws

    Thanks! really helped me a lot! :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile display’ is closed to new replies.