Layout issues due to theme

  • Hello,

    I would really appreciate if someone can assist me in solving the layout issues I experience with the Dine theme. Layout and form fields are shifted and mangled around in all of the three display options. This only happens with any desktop browser, not on mobile device.

    It’s clear that Salon Booking System and Dine-theme are not good friends. Quick switch (as indicated on support page) to Twenty Ninteen theme proofs SBS is working as expected.

    I expect something like a CSS related issue.
    Disabling front-end CSS, JS did not solve the issue.
    CSS disabled = made layout worse
    JS disabled = no difference noticed

    Switching to another theme is not really an option because we’re close to salon opening.

    Details:
    Salon Booking WordPress Plugin – Pro Version v3.44.6
    https://www.magic-hair.nl/afspraak-maken/

    Thank you in advance for your effort!
    Ferry

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Ferry

    (@fkemps)

    Sorry, I posted incorrect URL and see no way to correct/delete this posting.

    URL should read https://www.magic-hair.nl/afspraak-boeken/

    Thank you in advance!!

    Thread Starter Ferry

    (@fkemps)

    With below CSS changes I was able to improve the layout for the desktop browser. (performed in dine-child-theme/salon-mods.css and plug-in/salon-booking-system-pro/css/salon.css)

    A better solution to fix this (container) width issue is very welcome.
    The next/previous buttons are still flipped in order

    
@media only screen and (min-width: 992px) {
      #sln-salon.sln-salon--l {
       /*max-width: 900px;*/
       } }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Layout issues due to theme’ is closed to new replies.