Resolvedcategory view not clean
- This topic has 15 replies, 2 voices, and was last updated 2 years, 11 months ago by
Althemist.
- AuthorPosts
- October 22, 2020 at 11:44 am #26624
blubbbiz
ParticipantHi
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
October 22, 2020 at 11:55 am #26625blubbbiz
Participantalso 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
October 22, 2020 at 2:19 pm #26633Althemist
KeymasterHello 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.
October 23, 2020 at 4:27 pm #26664blubbbiz
Participantfor 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!
October 24, 2020 at 12:25 pm #26673Althemist
KeymasterOK, 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,
DimitarOctober 24, 2020 at 1:41 pm #26676blubbbiz
Participantwhat 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
October 24, 2020 at 1:49 pm #26677blubbbiz
Participanti switched it to without h2 i found out what you mean but then it doesnt look good at all 🙁
October 24, 2020 at 2:43 pm #26679Althemist
KeymasterBy 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.
October 24, 2020 at 2:54 pm #26680blubbbiz
ParticipantThis reply has been marked as private.October 24, 2020 at 2:56 pm #26681Althemist
KeymasterYou 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.
October 24, 2020 at 3:12 pm #26682Althemist
KeymasterIt’s done!
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,
DimitarOctober 24, 2020 at 3:17 pm #26683Althemist
KeymasterNoticed 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; } }
October 24, 2020 at 3:20 pm #26684Althemist
KeymasterHere 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:
October 24, 2020 at 3:32 pm #26685blubbbiz
Participantaaah 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!
October 24, 2020 at 3:34 pm #26686blubbbiz
Participantwill do the review and so thank you
- AuthorPosts
You must be logged in and have valid license to reply to this topic.