Okay
  Public Ticket #1519896
menu adjustment
Closed

Comments

  • Design Chlorid started the conversation
    March 27, 2018 at 3:17pm

    Hi Sir 

    I have a Elixir theme and I have some questions for you.

    if you can see this section : http://www.pifkobar.com/menu.html

    see the prices , If section has only 2 columns prices are beside the name of the food which is in bold letters
    In section with 3 columns prices are moved to second row and underneath.
    Is there aby quick way how to adjust whole price list or I have to change css for each item separatelly?


    Thanks


    Regards


    Design Chlorid


  •  850
    Jelly replied
    March 27, 2018 at 7:48pm

    Hello,

    Use this CSS code:

    section.menu ul li {
position: relative;
    padding-right: 70px;
}
section.menu span {
position: absolute;
    right: 0;
    top: 0;
}
section.menu ul li .detail + .detail,
section.menu ul li .detail + p + .detail {
    position: relative;
}
section.menu ul li .detail + .detail .price,
section.menu ul li .detail + p + .detail .price {
    right: -70px;
}

    Best Regards,
    Jelly Team