JoomDev: (SOLVED) changes menu off canvas (1/2)
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: (SOLVED) changes menu off canvas

changes menu off canvas 2 months 1 week ago #8179

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 43
  • Thank you received: 3
  • Karma: 0
Hello,
I apologize if I'm opening topic, but I'm updating the site and I would not change this template as very nice.
I need this last info from you.

1- By selecting as type of menu off canvas, the icon that appears on the site where I can change it? I can not find it
folder with that image with its style sheet.

2- From where can I change the background of the off canvas menu? it is currently white but I would like to try to do it for another
color using transparency

3- Is it possible to change the size of the menu curtain that opens? Making it fixed with a pre-established size

4- If I enter the fb icon in the main menu, the horizontal line above the icon always appears. It is possible to remove it
or insert the icon below where it is without the horizontal line of the menu? I attach the image as it was created locally

5- to display modules only in the desktop version or on the mobile, which suffix should I enter? I've tried some codes, like the visible-desktop type to insert in the Suffix Module Class, but it does not work.


Thank you in advance
Attachments:
Last Edit: 2 months 1 week ago by svitux.
The topic has been locked.

changes menu off canvas 2 months 1 week ago #8197

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2246
  • Thank you received: 365
  • Karma: 60
Hello,

We would be happy to make your site as beautiful as you would like and this is our endeavor.

Replies in this orders:

1- As I see in the screenshot. You have added the FB icon in the main menu.

2- For change off-canvas color. Add the below code in custom.css file. (TEMPLATENAME/css). If there is no custom.css file so please create it and add the code in it.
.default-off-canvas .offcanvas-menu { background: COLORCODE; }
3- As I understand. You want to incress the offcanvas box width. Same add the below code in custom.css file
.offcanvas-menu { width: 410px; }

4- Add the no-border class suffix in Custom CSS Class input field. Screenshot
.no-border { border: none !important; }

5- I have attached the module suffix.
  1. hidden-lg
  2. hidden-md
  3. hidden-sm
  4. hidden-xs
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

changes menu off canvas 2 months 1 week ago #8198

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 43
  • Thank you received: 3
  • Karma: 0
hello, in the meantime, thanks for the answers. regarding point 1, where can I find the menu icon and change it?
for point 3 instead, I want to affect the length of the box, rather than the width

updating
I entered the code, but the background does not change the same. Link: www.svitulli.netsons.org


Tnx
Last Edit: 2 months 1 week ago by svitux.
The topic has been locked.

changes menu off canvas 2 months 6 days ago #8233

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2246
  • Thank you received: 365
  • Karma: 60
Hello,

Sorry for the late reply.

1. I do not see the icon on the site you shared. So I can't provide the solution.
3. No problem, If you want to change the height. Here is the code.

.offcanvas-menu { height: 410px; }

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

changes menu off canvas 2 months 6 days ago #8236

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 43
  • Thank you received: 3
  • Karma: 0
Hi chandandeep.

the icon is that of the menu with the three bars (on the top right).
I would like to know where it is and where I can edit the image file.
Also, to give transparency to the background of the menu, what can I insert? the code provided by you, I can not make it work. Thank you
The topic has been locked.

changes menu off canvas 2 months 5 days ago #8238

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2246
  • Thank you received: 365
  • Karma: 60
Hello,

1. There is no option in the backend where you can change icon but Yes, You can change the icon through modification in the menu.php (TEMPLATENAME/features) file. Open the menu.php file find fa fa-bars class and change with your menu icon class. Select the icon from here. fontawesome.com/v4.7.0/cheatsheet/
2. Could you please confirm Which section do you want to transparent? So, I can share the correct code to you.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

changes menu off canvas 1 month 4 weeks ago #8364

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 43
  • Thank you received: 3
  • Karma: 0
hi, sorry if I answer now but I could not do it before.
There are only two points left where I need assistance:

1) the menu icon appears disaligned with respect to the two boxes. how can I center it?
2) clicking on find a study, svitu.altervista.org/index.php/trova-uno-studio-smileline, the page is displayed in white with the two boxes on the sides, and going down the page I see that the content is below. I tried to disable the AREA ODONTOIATRI box (login) and the problem is solved.
Is it possible that the two scripts are not compatible? In the HOW TO CONVENTION section, the problem does not arise

how can i solve? Tnx
The topic has been locked.

changes menu off canvas 1 month 3 weeks ago #8374

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 88
  • Thank you received: 15
  • Karma: 1
Please Follow This Steps:

Go to root/templates/jd_dallas/css
Create a new file custom.css in css folder
and add this code in custom.css file:

div #offcanvas-toggler > img {
display: inline-block;
}

header .jd-modal-login .modal {
display: none !important;
}

Thanks,
Lalit
The topic has been locked.

changes menu off canvas 1 month 3 weeks ago #8378

  • svitux
  • svitux's Avatar
  • Offline
  • Senior Member
  • Posts: 43
  • Thank you received: 3
  • Karma: 0
Hi, the code works but when I click on the dentist area (login) when I'm on page svitu.altervista.org/index.php/trova-uno-studio-smileline, nothing opens and the background turns light gray.
The topic has been locked.

changes menu off canvas 1 month 3 weeks ago #8379

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2246
  • Thank you received: 365
  • Karma: 60
Hello,

I have checked your site.

JSP Store Locator component is conflicting with bootstrap and theme styling.

So, in order to resolve this Please follow the following steps:

Open the style.css file.
Go to line no 267 or find .modal
then, add .jsp_map_block before .modal as
.jsp_map_block  .modal

Here's the path of style.css where changes are to be made : Path: /components/com_jsplocation/css/style.css

Please remove the following code from the custom.css

header .jd-modal-login .modal {
display: none !important;
}

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
  • Page:
  • 1
  • 2
Time to create page: 0.439 seconds