Resolvedcategory view not clean

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #26624
    blubbbiz
    Participant

    Hi

    it’s me again 🙁

    came into the issue when on responsive mobile view i click on https://www.leosfastfood.ch/fastfood then the categories dont show on the same line when the description is longer. can you tell me how to do it in the same line so its not scrumbled up when the description is longer?

    thank you

    #26625
    blubbbiz
    Participant

    also i want the price tag on the https://www.leosfastfood.ch/fastfood site that it doesnt show in the middle of the thumbnail but above where can i change this? or disable the price there. thank you

    #26633
    Althemist
    Keymaster

    Hello blubbbiz,

    I am not really sure what do you mean. Could you please explain more? What do you mean by “the categories dont show on the same line when the description is longer”? What description? Which line?

    As for the price – it looks like it’s related your custom changes. Also, it looks like your page code is broken, as all your products are inside a h2 tag.

    #26664
    blubbbiz
    Participant

    for the categories: if you go to https://www.leosfastfood.ch/fastfood and scroll down (on mobile) you can see at the level of the pasta section at penne napoli for example that the description of the pene napoli is not so long as penne carbonara so the “order now” button is not on the same line like the penne carbonara on the left side of it. also the following product “spaghetti al pesto mit pouletschnitzel” is longer and also not on the same line like the spaghetti al pesto left of it. the next then would be at the snacks section. burger and pizza and sandwiches are fine they are on the same line. hope you understand now what i mean?

    for the price: i reversed the custom changes so that should not be on me? we have a new logo so i dont need the logo on the whole line so i undo the changes i did. i dont now where the h2 comes from? i made it from brown to transparent now the background but now the price is in the middle of the product instead above. how can i change this so its on the first line of the thumbnail and not in the middle of it? thats all i need to know 🙂 thanks!

    #26673
    Althemist
    Keymaster

    OK, now I understand the categories problem. It’s caused by two problems:

    1. They have different name length and different description length. In this case there is simply no way to have them perfectly aligned.
    2. The second reason is your broken page code – you placed product shortcodes inside H2 title tags and that affects the entire page layout. You’d definitely need to rework the entire content. Looking at the following images It looks like you are not familiar with HTML code, so I would suggest using the page builder instead:

    The H2 tags are there because of the way you manually placed the content. Using the drag and drop page builder would allow you to avoid such errors.

    As for the price, you’d probably see that this page is the only one where the price looks out of place. It’s again beucase your products are inside a H2 title tag.

    Just rework the entire page using the page builder and everything will be OK. You don’t need to manually pace titles, product shortcodes etc.

    Regards,
    Dimitar

    #26676
    blubbbiz
    Participant

    what you mean with page builder? i did it with the page builder not manually, as you already noticed im not an expert in coding 😉 can you fix it for me for a fixed price? shortly? as i need it done asap. otherwise i would check it myself if i dont hear back from you 🙂 thanks

    #26677
    blubbbiz
    Participant

    i switched it to without h2 i found out what you mean but then it doesnt look good at all 🙁

    #26679
    Althemist
    Keymaster

    By using the page builder there is simply no way to put a shortcode inside a title. If you give me temporary admin access I can fix this for you, so you can fine tune it after that.

    #26680
    blubbbiz
    Participant
    This reply has been marked as private.
    #26681
    Althemist
    Keymaster

    You can send some donation on althemist@althemist.com, but it’s not really necessary.

    However, we’d really appreciate if you take the time to rate the theme on ThemeForest. It helps us a lot to keep improving our themes and adding new features.

    #26682
    Althemist
    Keymaster

    It’s done!

    fastfood

    We noticed some things:

    Looks like you were using the default WordPress editor (Gutenberg). What I meant when I said “page builder” was the WP Bakery Page builder. I have now disabled the Gutenberg editor for you, so the WP Bakery is the default one.

    Now, with the right page builder enabled you can fine tune your page content including margins, paddings, custom elements and what not. You don’t need to write shortcodes manually anymore.

    As it looks like you’re not familiar with it, here is a good video guide for beginners:

    There are also a lot more video lessons for more advanced techniques of building content with WP Bakery Page Builder.

    Also, I have noticed you are adding the logo manually in the content. With Lafka theme you could add it in the footer. The footer logo setting is located under Theme Options > General (which I can see you did) but it must also be explicitly enabled under Theme Options > Footer area.

    Hope this helps.

    Best regards,
    Dimitar

    #26683
    Althemist
    Keymaster

    Noticed something else. As you have the price tag modified with no background, it doesn’t really look good on mobiles in this position when using the two columns layout. You can adjust it’s position with the following CSS. I think it would look better:

    @media only screen and (min-width: 320px) and (max-width: 767px) {
    .prod_hold .price_hold {
        font-size: 13px;
        font-weight: 500;
        top: 10px;
        left: 10px;
    }
    }
    #26684
    Althemist
    Keymaster

    Here is a better video tutorial. The first video I gave you refers to the old version known as “Visual Composer” and it’s not really up to date:

    #26685
    blubbbiz
    Participant

    aaah great thats what i wanted now i only need to push the descriptions a little to have them on the same height 🙂 thanks a lot!

    #26686
    blubbbiz
    Participant

    will do the review and so thank you

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register