Categories button

I want to enlarge this button and change the way it looks so that they see it better and can navigate between the categories on mobile how do I change it make it bigger and how do I move it down.
Every time I ask a question you avoid giving an answer to the matter, I ask that you give me a solution in the answer and not refer me to the article because I will complain about you wherever you sell this theme, you avoid every answer I want to edit this button and I want to know exactly how I do the If you can’t give an answer, I want someone to go to the site and sort it out, I have to have it taken care of

Attachments:

You must be logged in to view attached files.

Hi,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Ok I want you to explain to me after that how I change and move it

Hello,

These are Categories in Page Title which are enabled under the Dashboard > Theme Settings > Product archive > Page Title: https://snipboard.io/rG1pwE.jpg

Right now, under the available options related to it there isn’t a separate option available to increase its size or move it down. So, a CSS implementation would be required in this regard. Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile area:

.page-title .wd-btn-show-cat a {
    font-size: 20px !important;
    margin-top: 10px !important;
}

In this CSS, the font-size property changes the size of the text and the margin-top property will make it move downwards a bit. So, you can change these values according to your choice.

Moreover, additionally we have noticed that your WoodMart Theme and WoodMart Core plugin isn’t updated to the latest version. The latest version of the Theme running is 7.1.3 and the Core version running is 1.0.36.

So, please take complete Backup of your Site first and then try to update your WoodMart theme and Core plugin to the latest version by following the given Theme’s Documentation link: https://xtemos.com/docs-topic/update-the-theme/

Best Regards

I want to move this button further down and I also want it to look like a button and not just text with a het how do I do that.
What you gave me leaves it as text and I can’t get it down without zooming in on the header image I want to move it completely off the header and I want it to look like a button and not like text with an arrow

Hello,

Firstly, to clear out one thing here just for your reference.

The Categories in Page Title shows when the toggle option is enabled under the Theme Settings like we mentioned you earlier.

Now, when you enable it and then view it on the Site. For the Desktop, it shows Categories in an open manner but for the Mobile view, it automatically narrows down all Categories in a single dropdown link text that you are seeing.

So, right now there isn’t any option or a solution available which would allow you to make this Link Text dropdown to explicitly move it outside of the Page title and present it as a button. This wouldn’t be possible. This automatically turned dropdown link text needs to remain under the Page Title according to its working.

Regarding making its layout as a button, that would also not be possible but if you want you can have a background color applied to it using the Custom CSS.

The CSS that we sent you earlier, you can add background property in that if you want:

.page-title .wd-btn-show-cat a {
  font-size: 20px !important;
  margin-top: 10px !important;
  background: red !important;
}

Hope you can understand the limitations here !

Best Regards.

Ok but I also want it to look like a button not like bold text that will have a frame and really look like a button the one that can give me a css code that will make the text more like a button on a frame and everything

Hello,

To make it more prominent like a button, you can add a border and box shadow to it. So, you can replace the earlier applied Custom CSS in this regard with the following one:

.page-title .wd-btn-show-cat a {
    font-size: 20px !important;
    margin-top: 10px !important;
    background: red !important;
    border: 2px solid #fff !important;
    padding: 0.3em 0.5em 0.3em 0.5em !important;
    box-shadow: 0 0 10px #fff !important;
}

And then check back the concern again. Hopefully, it will look good now.

Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile area >> paste the CSS.

Best Regards

OK. You changed my language on the site and I am trying to return it to Hebrew and the language does not change I will ask you to go to the site and arrange it please because it screws up the Hebrew language of the site

Hello,

Sorry to say but you are getting it wrong.

We didn’t change anything on your Site related to Site Language or any other change. We just provided you the CSS to apply regarding the change that you were asking for.

Best Regards

[Author]

Posts