Display Issues with Botiga Theme

Hi @dgmarketing69,

Sorry about the issue you are experiencing.

the visual displays of my product category in the phone version when I switch my website to arabic language

I can’t get the switch language button on your site. This prevents me to investigate that issue. Perhaps you have a screenshot you’d like to share?

Secondly in the arabic translated version I am not able to view my search bar

Upon checking, this is considered as a known issue that will be fixed permanently in future release of Botiga theme. Meanwhile, you may fix it with this simple CSS code:

.rtl .header-search-form.active {
    left: -9999em;
    right: 0;
}

Add it to Appearance > Customize > Additional CSS in your site’s dashboard.

Hi I really appreciate the response, I had fixed the search bar issue last night. I really appreciate your help.

Regarding the Visual displays of the category section on mobile, It is still not corrected and I spent the whole night trying to fix it ?? , I would really appreciate your help. I will also let you know what I have attempted from my side.


This is the visual of the product categories : (MOBILE ARABIC VERSION ONLY)

https://ibb.co/qr85V2b

So I tried some CSS stuff and In the inspect element area I changed a few things with the coding below

I added a width of 450 PX and it kind of looked better, please find the changes I made below :

https://ibb.co/svnF528

However when I added this to the custom CSS of the website it did not make a difference to the front end. Please let me know.

I would really appreciate it.

Hi @dgmarketing69,

Thank you for getting back along with extra details.

I can’t see the details shared with ibb[dot]co. Perhaps it was expired too fast. Try again with snipboard[dot]io, please.

Hi I really apologize for that,

I hope this works.

As mentioned the details above related to the problem remain the same and here is the screenshot :

https://snipboard.io/ydoh7x.jpg

Hi there, apologies for the second message, just following up if I could get any solution to this? It would be really helpfu.

Thanks and regards

Hi @dgmarketing69,

Sorry about the delay.

Upon checking, I can’t get your issue as seen on your recent screenshot. Your site’s homepage looks a little different. Please provide detailed steps to find areas of your issue on your site. This would help me find the root of the issue easier.

Hi I am facing two issues on the website arabic page

no. 1 the images are not aligned in the center

no. 2 the search bar is displayed over categories as well

no. 3 I had a request. is it possible to make the categories headings in BOLD?

For example as you can see in the third screenshot I want SKINCARE & BODYCARE to be in bold

Can I add any CSS to the website to make this in bold

only the headings

https://snipboard.io/DhZEuj.jpg
https://snipboard.io/mqpiE4.jpg
https://snipboard.io/0MBgxb.jpg

Hi @dgmarketing69,

Sorry for the delayed response.

Let’s address the mentioned issues above one by one. Could we start with image alignment?

I did inspecting with web browser’s inspector tool. Probably the issue was with original image before uploading. Ref: https://i.snipboard.io/aQFgK0.jpg. Have you managed the image exactly centered with your graphic design software?