Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 29, 2015 at 1:09 pm #436627
    topchoicepest

    Hi, I had the same query late last year as on an IPAD my menu does not fit onto one line and overflows onto a second line; I was given the following to add into the quick CSS; (which is still in the CSS)

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

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

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

    The above worked and my menu was appearing on one line, like it does on a desktop PC, but I have just noticed it is now not fitting onto one line on the Ipad any more.

    Please could you review and advise.

    Many thanks
    Regards Belinda

    April 29, 2015 at 1:37 pm #436640
    Yigit

    Hi Belinda!

    Can you please post the link to your website?

    Best regards,
    Yigit

    April 29, 2015 at 11:27 pm #437125
    topchoicepest

    Hi Yigit

    http://www.topchoicepestcontrol.com.au/

    Regards Belinda

    April 30, 2015 at 7:55 pm #437746
    Yigit

    Hey!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 1165px) and (min-width: 990px) {
#header_main_alternate .container { padding: 0; }
#top .av_seperator_big_border#header .av-main-nav > li > a { padding: 0 7px; }}

    Regards,
    Yigit

    May 1, 2015 at 12:19 am #437858
    topchoicepest

    Thanks Yigit,

    I have done that, now only the menu tab ‘contact’ overflows onto the second line.

    Regards Belinda

    May 1, 2015 at 3:53 pm #438144
    Yigit

    Hi!

    Please try changing “0 7px” to “0 6px” in my previous code

    Regards,
    Yigit

    May 4, 2015 at 1:37 pm #438864
    topchoicepest

    Hi Yigit,

    I made the change and the menu tab ‘contact’ remains on the second line.

    Regards Belinda

    May 4, 2015 at 2:25 pm #438889
    Yigit

    Hey!

    Can you please add following code to Quick CSS as well

    @media only screen and (max-width: 1100px) {
#top .av_seperator_big_border#header .av-main-nav > li > a {
  padding: 0 8px;
}}

    Regards,
    Yigit

    May 6, 2015 at 1:19 am #440065
    topchoicepest

    Hi Yigit,

    I have added the code and the menu tab ‘contact’ remains on the second line

    Regards Belinda

    May 7, 2015 at 8:35 am #440810
    Ismael

    Hey!

    Adjust the value. Use 7px for example:

    @media only screen and (max-width: 1100px) {
#top .av_seperator_big_border#header .av-main-nav > li > a {
  padding: 0 7px;
}}

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    May 8, 2015 at 8:16 am #441430
    topchoicepest

    Hi,

    I have tried that changing it to 0.7, 0.6 and 0.5 and clearing browser cache each time and reloading the page and no change.

    Regards Belinda

    May 8, 2015 at 5:36 pm #441670
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    May 10, 2015 at 8:35 am #442075
    topchoicepest
    This reply has been marked as private.
    May 11, 2015 at 11:53 am #442374
    Ismael

    Hey!

    It’s not working because the “greater than” symbol is converted to its html character entity code. Please check it now.

    Cheers!
    Ismael

    May 11, 2015 at 9:26 pm #442703
    topchoicepest

    Hi Yigit

    Thank you very much for all your help

    Regards Belinda

    May 12, 2015 at 3:35 pm #443077
    Rikard

    Hi!

    Great, glad you got it fixed :)

    Regards,
    Rikard

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