Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • March 18, 2014 at 6:20 am #239152
    ProConsoleRepair

    can you tell me how to fix this menu is overlapping on ipad here is the link http;//www.proconsolerepairdfw.com

    March 18, 2014 at 2:09 pm #239337
    ProConsoleRepair

    can I please get a answer for this is issue.

    March 18, 2014 at 2:18 pm #239342
    Yigit

    Hey!

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

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 90%;
height: auto !important; }}

    Best regards,
    Yigit

    March 18, 2014 at 2:22 pm #239344
    ProConsoleRepair

    Sorry that did not work here is the link http://www.proconsolerepairdfw.com

    March 18, 2014 at 2:57 pm #239367
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 1340px) { 
.main_menu ul:first-child > li > a { padding: 0 7px; }}

    Best regards,
    Yigit

    March 18, 2014 at 3:25 pm #239385
    ProConsoleRepair

    no sorry that did not work

    March 18, 2014 at 3:28 pm #239390
    Yigit

    Hi!

    Please try adding !important rule as following

    @media only screen and (max-width: 1340px) { 
.main_menu ul:first-child > li > a { padding: 0 7px !important; }}

    Also, flush browser cache after applying the code and refresh your page a few times

    Cheers!
    Yigit

    March 18, 2014 at 3:33 pm #239392
    ProConsoleRepair

    sorry still overlapping

    March 18, 2014 at 3:35 pm #239398
    ProConsoleRepair

    I think the best solutions would be to center the logo but I have a few issues
    1. how to get rid of the boxes on the main menu
    2. logo gets cut off on mobile view.
    3. increase font size on main menu.

    March 18, 2014 at 3:38 pm #239401
    Yigit

    Hi!

    Can you please make sure that wp-content>uploads folder has correct permissions ( 755 )?
    Code is not being applied. If it is, do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    March 18, 2014 at 3:43 pm #239405
    ProConsoleRepair
    This reply has been marked as private.
    March 18, 2014 at 3:46 pm #239409
    Yigit

    Hi!

    “ERROR: Invalid username.” Can you check once again?

    Regards,
    Yigit

    March 18, 2014 at 3:48 pm #239411
    ProConsoleRepair
    This reply has been marked as private.
    March 18, 2014 at 3:55 pm #239416
    Yigit

    Hi!

    Please check your website now.

    Regards,
    Yigit

    March 18, 2014 at 3:57 pm #239418
    ProConsoleRepair

    that better only the home is overlapping now.

    March 18, 2014 at 3:59 pm #239420
    Yigit

    Hey!

    This is how it looks on my end when i resize the window, i cannot see overlapping issue http://i.imgur.com/9W8HM8N.jpg
    Please try flushing browser cache on your ipad

    Cheers!
    Yigit

    March 18, 2014 at 4:02 pm #239424
    ProConsoleRepair

    when I look at it on a ipad home is overlapping

    March 19, 2014 at 6:41 pm #240233
    Yigit

    Hey!

    I have adjusted the custom CSS code in Quick CSS a bit to make logo smaller on certain screensizes. Flush browser cache and check your website again

    Cheers!
    Yigit

    April 5, 2014 at 6:10 am #247717
    akhilz

    hi Yigit

    have the same issue on iPad

    have the following code in my Quick CSS

    #top .fullsize .template-blog a { float: none; display: inline-block; width: auto; }

@media only screen and (min-width: 1340px) {
.responsive_large .container .nine.units {
width: 850px;
}
}

@media only screen and (min-width: 1140px) {
.responsive .container .nine.units {
width: 690px;
}
}

.container .nine.units {
width: 600px;
}

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .container .nine.units {
width: 450px;
}
}

@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }

.responsive .logo a, .responsive .logo img {
width: 100% !important; }
#header_main { height: 100px; }
#advanced_menu_toggle { top: 130%; }}

hr { border-color: #999999; }

    what code can i add so it displays well on iPad as well.
    thanks.

    April 5, 2014 at 4:29 pm #247801
    Yigit

    Hey!

    Please find following code 

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }

    and change it to

    @media only screen and (max-width: 990px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }

    If that does not work, please post the link to your website

    Cheers!
    Yigit

    April 5, 2014 at 5:09 pm #247809
    akhilz

    hi Yigit
    made changes as you suggested. nothing changed…
    Home button is touching the logo while holding iPad in horizontal position.
    check here pls: http://www.oshonow.net

    April 5, 2014 at 5:49 pm #247817
    Yigit

    Hey!

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

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

    I cannot reproduce the issue when i resize browser window but this code should help

    Best regards,
    Yigit

    April 5, 2014 at 6:06 pm #247822
    akhilz

    that worked like a charm Yigit. thanks!

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Menu Overlapping on Ipad’ is closed to new replies.