Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 15, 2023 at 4:27 pm #1401267
    theovh

    Hello,

    I want create more space between logo and first menu item HOME.
    On tablet Apple ipad mini 2/3 and Apple ipad the HOME item is standing in front of logo.

    Any solution for this problem?

    Kind regards,

    Theo

    March 16, 2023 at 11:51 am #1401359
    Ismael

    Hey theovh,

    Thank you for the inquiry.

    You can add the following css code to decrease the size of the logo on tablet view. This should create more space for the menu items and prevent them from covering the logo.

    @media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .logo img, .logo svg {
    height: 60px;
    top: 10px;
  }
}

    You can also include this code inside the css media query above to decrease the font size of the menu items and adjust the padding on both sides.

    #top #header .av-main-nav > li > a {
	font-size: 10px;
	padding: 0 8px;
}

    Best regards,
    Ismael

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