Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 25, 2020 at 11:14 am #1216077
    Alexander

    Hi,

    When in ipad landscape view, my site displays broken:
    last menu option is pushed out of the window (maybe menu should be hamburger?)
    the colums elements are overlapping with other sections

    what can we do?

    May 26, 2020 at 8:05 pm #1216647
    Nikko

    Hi Alexander,

    In your WordPress Dashboard, go to Enfold > Main Menu > General (tab) > Menu Items for mobile set to Activate for Smartphones and Tablets (browser width below 990px)
    Hope it helps.

    Best regards,
    Nikko

    May 27, 2020 at 1:08 pm #1216920
    Alexander

    Hi Nikko,

    OK, I have done that, the site is still broken. The hamburger menu now displays in a second row below the logo (top row with logo left and second row with hamburger on the right.

    And the colums are still overlapping other items, the header is not displayed properly, etc.

    So, what else can we do?

    Kind regards, Alex

    May 28, 2020 at 6:42 am #1217252
    Rikard

    Hi Alex,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1024px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    May 29, 2020 at 12:38 pm #1217669
    Alexander
    This reply has been marked as private.
    May 31, 2020 at 7:02 am #1218137
    Rikard

    Hi,

    Yes, you can upload screenshots to a service like Google Drive or Dropbox and then link to them here.

    Best regards,
    Rikard

    May 31, 2020 at 10:46 am #1218158
    Alexander
    This reply has been marked as private.
    June 1, 2020 at 9:25 am #1218377
    Alexander
    This reply has been marked as private.
    June 1, 2020 at 1:49 pm #1218430
    Rikard

    Hi Alexander,

    Thanks for that, the screenshots are not shared publicly though so we can’t see them. Please make them public or upload them to imgur.com for example.

    Best regards,
    Rikard

    June 2, 2020 at 9:36 am #1218682
    Alexander
    This reply has been marked as private.
    June 7, 2020 at 7:57 pm #1220263
    Alexander
    This reply has been marked as private.
    June 9, 2020 at 2:56 pm #1220878
    Nikko

    Hi Alexander,

    We apologize for the delayed response.
    Each number represents the screenshots.

    1. This is caused by some custom CSS:

    .av-main-nav-wrap{
	display: inline-flex;
	justify-content:center;
	width: 170%;
	margin-top: 4em;
	margin-right: 50em !important;
	padding-right:15em;
}

    it’s found inside this media query:

    @media screen and (min-width:48em) and (max-width:59.9999em) {

    Please remove it, if this code was added to fix for some screens, maybe the media query should be adjusted.

    2. This is caused by this code:

    .container_wrap, .container_wrap_logo{
	height: 13em !important;
}

    it’s found inside this media query as well:

    @media screen and (min-width:48em) and (max-width:59.9999em) {

    3. I could not see it on my end.

    Best regards,
    Nikko

    June 9, 2020 at 3:27 pm #1220885
    Alexander

    Hi Nikki,

    Thanks, the problem is solved now :-) !

    Best regards,
    Alexander

    June 9, 2020 at 8:14 pm #1220954
    Nikko

    Hi Alexander,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

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