Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author terrathemes

    (@terrathemes)

    Hi,

    your images are looking fine on my end, as you can see here.

    The code I gave you in this topic has to be adjusted if you want to change the image size.

    Currently you are using this

    #mobile-menu .mega-menu .sub-menu li:nth-of-type(1) a::before,
    #main-nav .mega-menu .sub-menu li:nth-of-type(1) a::before {
      content: "";
      background-image: url('https://i.hizliresim.com/rOZM4V.jpg');
      background-size: cover;
      display: block;
      padding-top: 71.4%;
      margin: 0 0 20px 0;
    }

    The images that you are currently using are 350 x 250 px.
    Since 250/350 = 0.714 you’re using padding-top: 71.4%.

    If you’re changing the image size to 250 x 150 px you have to use padding-top: 60% since 150/250 = 0.6.

    You have to calculate the right padding and use this in the code you’re using.

    Thread Starter gokh

    (@gokh)

    Thanks ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mega menu image size’ is closed to new replies.