Viewing 8 posts - 31 through 38 (of 38 total)
1 2
  • Author
    Posts
  • June 2, 2018 at 12:31 pm #965831
    creativeyes

    Many thanks for your help, that looks great with regard to viewing it on a desktop. There’s still an issue with the mobile view http://theimplantexperts.com/wp-content/uploads/2018/06/Screen-Shot-2018-06-02-at-11.27.27.png

    June 3, 2018 at 12:47 am #965985
    Vinay

    Hi!

    You are most welcome and thank you for the kind words :)
    I have updated the code and fixed the logo issue please review the site now :)

    @media only screen and (max-width: 479px) {
.responsive #top .av-burger-menu-main { 
    top: -14px;
}}

@media only screen and (max-width: 537px) {
    .responsive .logo,
    .responsive .logo a {
    overflow: visible;
}
.responsive #top .logo img {
    position: absolute;
    top: -50px;
}}

    Best regards,
    Vinay

    June 3, 2018 at 8:54 pm #966241
    creativeyes

    Many thanks Vinay, that looks much better thank you. The only outstanding thing is the search icon is displaying when viewing the dentist sit on a mobile http://dentists.theimplantexperts.com/. It’s not showing on the patient site on a mobile http://theimplantexperts.com/ which is what I’m after for both.

    June 5, 2018 at 5:51 pm #967338
    Nikko

    Hi creativeyes,

    Can you try adding this css code in Quick CSS (Located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top #menu-item-search {
    display: block !important;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    June 5, 2018 at 5:56 pm #967341
    creativeyes

    Many thanks, I’ve added that to the dentists.theimplantexperts.com Quick CSS but it doesn’t seem to have made any difference

    June 5, 2018 at 7:08 pm #967377
    Nikko

    Hi creativeyes,

    I have checked your site again and it seems this code is causing the menu to disappear on mobile:

    /* CSS - for mobile header */
@media only screen and (max-width: 767px) {
#top #menu-item-search {
    display: none;
}
.responsive .av-burger-menu-main {
    position: absolute;
    top: 46px;
    right:10px;
}
}

    removed this code just that adjust the positioning on mobile phone portrait:

    /* CSS - header fix */
@media only screen and (max-width: 479px) {
.responsive #top .av-burger-menu-main { 
    top: -14px;
}}

    then removed this code also which I gave, which isn’t necessary anymore since the code that removes the search is already removed:

    @media only screen and (max-width:767px) {
  #top #menu-item-search {
    display: block !important;
  }
}

    then added this code for fixing the position of search and burger menu on mobile phone landscape:

    @media only screen and (max-width:767px) and (min-width:480px) {
  .responsive #top #wrap_all .main_menu {
    top: 50px;
  }
}

    I have checked your site on my mobile phone and it works fine.
    Let us know if it’s good on your end, please try to remove browser cache, it should help fetch the updated css.

    Best regards,
    Nikko

    June 5, 2018 at 7:18 pm #967392
    creativeyes

    That’s great many thanks for your help.

    There’s just one odd situation arising on the dentists site at a certain screen size http://theimplantexperts.com/wp-content/uploads/2018/06/Screen-Shot-2018-06-05-at-18.15.00.png. It doesn’t do this on the Patient site. Would you mind taking a look at it?

    June 5, 2018 at 7:50 pm #967420
    Nikko

    Hi creativeyes,

    I have checked your site and have done the necessary changes however it doesn’t seem to reflect the changes on the frontend.
    The codes in Quick CSS should reflect in this css (link in private content), but it seems to be heavily cached.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 31 through 38 (of 38 total)
1 2
  • You must be logged in to reply to this topic.