Hello I am using the default Nopcommerce 3.7 theme, I am also using the materialized.css anytime I link to the materialized.css using CDN, the search bar at the top menu loses css styling, below is an example. Any idea how to fix it?
https://www.dropbox.com/s/bspc8148z2l4tko/searchbar.png?dl=0
Materialized Design
MVP
Silver Solution Partner
Certified Developer
- 2640
- 42717
- 1/21/2010
- United States
pjerald wrote:
Hello there,
As I see, your search button has height 50 pixels and the search input has 70 pixels. You might know that the 'materialized' didn't have classes/attributes to manage the heights, so you will need to write it down by yourself. What you need to do is to get the correct selector which relate to that particular input element and just apply the following code to it:
Please keep in mind that the bold values are my idea(I don't know for sure what class you use for this element and not sure about the button height, it just looks like 50px height);
Hello I am using the default Nopcommerce 3.7 theme, I am also using the materialized.css anytime I link to the materialized.css using CDN, the search bar at the top menu loses css styling, below is an example. Any idea how to fix it?
https://www.dropbox.com/s/bspc8148z2l4tko/searchbar.png?dl=0
https://www.dropbox.com/s/bspc8148z2l4tko/searchbar.png?dl=0
Hello there,
As I see, your search button has height 50 pixels and the search input has 70 pixels. You might know that the 'materialized' didn't have classes/attributes to manage the heights, so you will need to write it down by yourself. What you need to do is to get the correct selector which relate to that particular input element and just apply the following code to it:
input.search {
height: 50px;
}Please keep in mind that the bold values are my idea(I don't know for sure what class you use for this element and not sure about the button height, it just looks like 50px height);