Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • November 9, 2014 at 6:50 am #348282
    topchoicepest

    Hi,

    I had a topic running which has since closed however the issue has not been resolved. Please can you review and assist.
    When you view my website on an ipad (both mini and large ipad) horizontally the menu tabs did not fit across the page they overlap onto a second line. (When the ipad is held vertically it is fine as it changed to a mobile menu) Now also since doing the upgrade my background is showing down the two sides when viewing horizontally. Below are the various commands I was given on the last topic to insert in the Quick CSS
    @media only screen and (max-width: 989px) {
    #top .av-main-nav > li > a {
    font-size: 14px;
    }
    }
    @media only screen and (max-width: 1140px) {
    #top .av-main-nav > li > a {
    font-size: 0 6px;
    }
    }

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_slide_out .logo img {
    margin: 0;
    width: 341px !important;
    height: 88px !important;
    }
    }

    many thanks
    Regards Belinda

    November 10, 2014 at 3:26 pm #348790
    Yigit

    Hi Belinda!

    Please add following code to Quick CSS

    @media only screen and (max-width: 1140px) {
.av-main-nav > li > a { padding: 0 6px; }}

    Cheers!
    Yigit

    November 12, 2014 at 10:31 am #349953
    topchoicepest

    Hi Yigit,

    That worked great thank you! Is there a way that I can remove the two sides of the background which appears on each side of the page on the horizontal view on the ipad

    Many thanks
    Regards Belinda

    November 12, 2014 at 4:41 pm #350089
    Yigit

    Hi Belinda!

    Can you please post the link to your website and a screenshot showing the sides? You can uploda your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    November 16, 2014 at 10:00 am #351966
    topchoicepest

    Hi Yigit

    Please find link showing two images, one the vertical screen shot and the other the horizontal screen shot

    Cheers Belinda

    November 16, 2014 at 10:01 am #351967
    topchoicepest

    Hi Yigit

    Here is the link; http://imgur.com/a/ivANg

    Cheers Belinda

    November 17, 2014 at 2:35 pm #352421
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
width: 100%; }}

    Regards,
    Yigit

    November 23, 2014 at 2:28 am #356067
    topchoicepest

    Hi Yigit,

    I tried that but it has not seemed to make a difference.

    Please can you review and advise

    Many thanks
    Regards Belinda

    November 23, 2014 at 2:46 pm #356222
    Ismael

    Hey!

    Please remove browser cache then check it again. It does work. Please adjust the code:

    @media only screen and (max-width: 1024px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
width: 100%; }}

    Cheers!
    Ismael

    December 1, 2014 at 1:13 am #360501
    topchoicepest

    Hi Ismael,

    I did the above (as well us the new update I received) however it still has the two blue background lines down each side of the page and also the menu options dropped back down over two lines (‘Get A Free Quote’ and ‘Contact’ went onto a second line).

    I have changed it back to how it was now only has the two blue background lines down each side of the page.

    Please can you review and advise

    Many thanks
    Cheers Belinda

    December 2, 2014 at 4:17 am #361265
    Ismael

    Hey!

    Sorry for the delay. Please use this on Quick CSS:

    @media only screen and (max-width: 1024px) {
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
width: 100%;
max-width: 100%;
}
}

    Regards,
    Ismael

    December 7, 2014 at 2:36 am #364230
    topchoicepest

    Thanks Ismael,

    The menu has been corrected – all appearing on one line however it still has the two blue background lines down each side of the page

    Thanks
    Regards Belinda

    December 8, 2014 at 6:56 am #364458
    Ismael

    Hey!

    I can’t see the code suggested above. Please add it.This is how it should look like:

    Cheers!
    Ismael

    December 8, 2014 at 11:44 am #364563
    topchoicepest

    Thanks for your help Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Ipad menu’ is closed to new replies.