[blubbbiz]

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

[blubbbiz]

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

[Althemist]

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.

[blubbbiz]

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!

[Althemist]

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

[blubbbiz]

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

[blubbbiz]

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

[Althemist]

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.

[blubbbiz]

This reply has been marked as private.

[Althemist]

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.

[Althemist]

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

[Althemist]

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;
}
}

[Althemist]

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:

[blubbbiz]

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!

[blubbbiz]

will do the review and so thank you

[Author]

Posts