-
Posts
-
Hey guys,
So I centered the logo and main menu to fit UNDER the logo. It renders fine on my desktop…however, when viewing on my IPAD the main menu is butted up to the right and the tabs just stack….anyway to fix this?See snap: http://dev.lorenasarbu.com/ipad.jpg
Thanks!
JHi Js-interactive!
We’ll need to see the site live and inspect what you’ve done so far to see if we can assist with a fix here.
Cheers!
DevinThat is a bit rough. The way you’ve got it to this point is kind of a mess.
I would recommend re-starting and instead of doing anything with negative margins or absolute positioning on the logo/menu.
For a quick fix you could change the logo from being position: relative to absolute since the weight of it is actually what is pushing your menu over (since its still inside the div) but you’ll still need to do another media query for the tablet view to position the menu or at least reduce some padding/margins so it fits better.
Hi!
Do what Devin said or try to add this at the very bottom of custom.css or Quick CSS:
.main_menu { position: absolute; margin: 0; right: 0; bottom: 0; }Best regards,
IsmaelHi!
Please add following code to Quick CSS as well
.main_menu { right: 30%; top: 42%; } .main_menu .menu ul { top: 65%; }then you can increase the font size with following code
.main_menu ul:first-child > li > a { font-size: 16px; }Regards,
YigitHi Justin!
Please add following code to Quick CSS as well
.logo, .logo a, .logo img { max-width: 357px!important; }This should fix it
Best regards,
YigitHi!
Please try adding following code to Quick CSS
@media only screen and (min-width: 1340px) { .main_menu { right: 22%; }} @media only screen and (min-width: 1140px) and (max-width: 1339px) { .main_menu { right: 15%; }} @media only screen and (min-width: 990px) and (max-width: 1139px) { .main_menu { right: 9%; }} @media only screen and (min-width: 786px) and (max-width: 989px) { .main_menu { right: -7%; }}and remove right: 30%; from the first the code i posted here https://kriesi.at/support/topic/off-centered-menu-ipad/#post-204517
Cheers!
YigitHi!
These are for screen width starting from 1920px down to 786px. Then menu switches to mobile menu. Menu font size was smaller previously that is why you should remove this line right: 30%; as i mentioned in my previous post.
After applying the code, please flush browser cache and refresh your page a few timesRegards,
YigitHi!
Have you flushed browsers cache on your ipad? I do not have a chance to check your website on an actual ipad but when i resize the window menu looks centered at all sizes
Regards,
YigitHi!
1)You may need to adjust values i posted here https://kriesi.at/support/topic/off-centered-menu-ipad/#post-204604 to center it perfectly. Increasing the values will move the menu to left
2)Please add following code to Quick CSS as well#header_main { margin-bottom: 10px; border-bottom-style: none; } .fixed_header #main { padding-top: 100px; }Cheers!
YigitHey!
You can simply add Fullwidth Masonry element to your page and choose to display Perfect Manual Masonry. You can choose which posts to display in Portrait or Landscape mode by adding “landscape” or “portrait” tag in the post
Regards,
YigitHey!
No, you are going to need to use a plugin for that. You can try using this plugin http://wordpress.org/plugins/socialize/
Regards,
YigitHi!
You are not choosing Perfect Manual Masonry and you are choosing Perfect Automatic Masonry. Do you mind creating a temporary admin login and post it here privately? I can create an example for you
Best regards,
YigitHi!
Please add following code to Quick CSS as well
.image-overlay .image-overlay-inside:before { content: url(/wp-content/uploads/2014/01/LSI-emblem.png);and please go to Enfold theme options and do not choose a page in “And where do you want to display the Blog?”. I would do the changes myself but you have not set the user role as administrator
Regards,
Yigit
- The topic ‘Off-centered Menu IPAD’ is closed to new replies.