Hello!
I use Joomla 4 and the template J51 Natalie.
I have the following problem: I have placed a navigation menu in a module on the template position "side-col-A". On a mobile phone, the menu changes to an icon with three lines, which are unfortunately difficult to recognize in terms of color.
I would therefore like to change the colors of these lines. Where can I do this? Can I do this in custom CSS, and if so, I would be grateful for a code suggestion.
Thanks for the help!
I. Popp
- ip mann
- Commercial Templates
- Monday, 14 October 2024
- Subscribe via email
The menu is in a module at position sidecol-1b - but it is in the reserved area.
I have sent the link and access data to info@joomla51.com.
Thanks
I. Popp
I have sent the link and access data to info@joomla51.com.
Thanks
I. Popp
- more than a month ago
- Commercial Templates
- # 2
Thank you
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
Edit to taste
Ciaran
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
.navbar-toggler {
background: black;
}
Edit to taste
Ciaran
- more than a month ago
- Commercial Templates
- # 3
Unfortunately it doesn't work. The problem is that the white stripes on the light gray background are difficult to see. Only after tapping the icon does the background of the icon change to a darker green color and the vertical menu is displayed.
- more than a month ago
- Commercial Templates
- # 4
Hello
I do not see the suggested CSS in your source. Can you confirm that you have added it to the correct field and template style for this page? Maybe add to all styles if you have multiple.
Ciaran
I do not see the suggested CSS in your source. Can you confirm that you have added it to the correct field and template style for this page? Maybe add to all styles if you have multiple.
Ciaran
- 3 weeks ago
- Commercial Templates
- # 5
Yes, I have some versions of the Natalie template for individual pages that I have defined a little differently. I have removed this code snippet because it didn't work. Even though I have inserted it into ALL versions of Natalie in the custom CSS.
I have now inserted your suggested code again. I have also deleted the cache, updated everything... It doesn't work.
This problem only occurs on the mobile phone. Instead of the navigation menu in the sidecol-A position, only this icon with the three white stripes appears. These are difficult to recognize.
If you tap on this, a green background appears and the submenu also appears.
It would be sufficient if these 3 stripes were displayed in a different color instead of white.
I have now inserted your suggested code again. I have also deleted the cache, updated everything... It doesn't work.
This problem only occurs on the mobile phone. Instead of the navigation menu in the sidecol-A position, only this icon with the three white stripes appears. These are difficult to recognize.
If you tap on this, a green background appears and the submenu also appears.
It would be sufficient if these 3 stripes were displayed in a different color instead of white.
- 3 weeks ago
- Commercial Templates
- # 6
Hello
I have added the suggested CSS to the start of your custom CSS field and the issue appears to be resolved. This suggests that you have an error somewhere in your custom CSS field. Only CSS before the error will be parsed by the browser.
Ciaran
I have added the suggested CSS to the start of your custom CSS field and the issue appears to be resolved. This suggests that you have an error somewhere in your custom CSS field. Only CSS before the error will be parsed by the browser.
Ciaran
- 3 weeks ago
- Commercial Templates
- # 7
Thanks, that works.
Thanks for the tip. I made these changes individually using the custom CSS without considering the impact on the entire template. My CSS knowledge is based on "try until you get the desired result"
I. Popp
Thanks for the tip. I made these changes individually using the custom CSS without considering the impact on the entire template. My CSS knowledge is based on "try until you get the desired result"
I. Popp
- 2 weeks ago
- Commercial Templates
- # 8
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »