I'm not clear on this. The cart contents (along with login/log off, home and checkout links) are displayed in the header when browser window is at most larger sizes. When browser window size s reduced to smartphone size none of these header items are displayed.
So any hints on how to keep the cart contents displaying in the header (at all sizes) but hide ALL the other header links at smartphone screen size?
I can likely work up some logic code to deal with this but just need a nudge in the right direction. Thanks.
Is there a best method to configure it so product descriptions are fully displayed (not collapsed) when visiting a product page?
I can understand the desire for the descriptions to be collapsed by default on mobile screens but prefer descriptions to be displayed (not collapsed) on larger screens. If cannot set different defaults (collapsed vs not collapsed) for different screen sizes, then prefer to set not collapsed for all devices.
I've set the shop up so the index page displays only Featured Products, not New or Specials. As suggested earlier in this thread added .box_image{min-height:100px;} to the stylesheet. So now the top of each row of boxes line up. However the bottom of the boxes do not. All the images are the same height (150px) because some products have product names longer than one line. Some are two lines and others are three lines.
Is there a method so the product boxes (on the grid) are the same size (vertically & horizontally) and the vertical height of the grid is based on the box size of the product with the longest product name (number of lines in product name)? To keep the content of the boxes lined up on the grid, the internal spacing (padding) between the top line of the box and the first line of the product name would need to be adjusted dynamically (again based on the longest product name)..
If not possible what is the best method to vertically center the contents of each box, while keeping all the boxes the same size?
I've done this using tables on a previous version of Zen Cart. I'm sure the CSS solution is simple but it escapes me at the moment.
I do not think message 165 was ever addressed and I am having the same issue. Once the screen size reaches hand held device size there is a problem with the products list. When the screen is full size the product title has what appears to be a line break so that the product description will start on a new line. Whenever I decrease the size of the screen to handheld size the product description starts right after the product title without a line break. As long as the product title is at least one full line the break after the product title works fine on the handheld device. I get the same results when using Chrome and Firefox on a Linux desktop and Chrome or Opera on an android smart phone or 7 inch tablet.
Bookmarks