gordo019

Removed PHP image tag src….
” alt=”Card image”>

Changed image tag to this (hardcoded src url)…

Image load times settings is back on. Stretch loading of header image is gone.

Good point. If you turn off “Speed up image load times” the header image never stretches back to correct image size. The image just loads stretched/distorted.

Sorry my bad. Ticket can be closed.

• This reply was modified 6 years, 6 months ago by gordo019.
• This reply was modified 6 years, 6 months ago by gordo019.

There is no such <img just…. when I paste code into this editor, not readable.

• This reply was modified 6 years, 6 months ago by gordo019.
• This reply was modified 6 years, 6 months ago by gordo019.
• This reply was modified 6 years, 6 months ago by gordo019. Reason: code will not display correctly
• This reply was modified 6 years, 6 months ago by gordo019.

Wow Cristian…. That space was necessary. Great troubleshooting. Thanx and enjoy the rest of your week. Closed.

Can you give me some idea, what class is used to change the color of the translated menu bar items? My translated language menubar text disappears because the nav bar background color is the same color as the menubar letters.

Just wanted to second the documentation request and hopefully with example code.

I am not author. Sorry.

Thanx for the links to your code. Really the only thing that is important here is that a 100% width is used for smartphone devices (mine is set max-width: 320px). This keeps one download/product per row on narrow screens. I no longer have any EDD text or buttons piling up on each other in the narrow real estate. I added a tabloid media query as well but it is optional.
If you’re a WordPress user with the 2012 theme, you can go into the Customizer and see the previews (desktop, tabloid, phone). In desktop view, I see whatever the column shortcode specifies. In tabloid view, I see two download/products per row. In phone view, I see a single download/product per row.

Very readable on all devices!

/* ———- Tabloid screens */
@media (max-width: 768px) and (min-width: 321px) {

.edd_downloads_list[class*=”edd_download_columns_”] .edd_download {
float: none !important;
display: inline-block;
padding: 40px;
vertical-align: top;
}
}

/* ———- Smartphone screens */
@media ( max-width: 320px ) {

.edd_downloads_list[class*=”edd_download_columns_”] .edd_download {
float: none !important;
display: inline-block;
width: 100% !important;
vertical-align: top;
}
}

I am fine rewriting my own CSS and using media queries. Can you please provide an example of how one over rides the short code columns parameter? How does one display 3 columns for wider screens/desktops and a single column layout for narrow smartphone widths? I am always stuck with the column layout number (0, 1, 2, 3) specified by the column short code parameter.

Also…. I am using the stock WordPress 2012 theme.

After further testing the CSS, I have found that it is unlikely to get 3 columns of downloads/products to ever fit on small screen. The “$2.50 – Add to Cart” buttons are too wide to ever fit 3 across. They just pile up into an ugly mess on a narrow screen.

It would be nice if the column short command [downloads columns=“*”] wasn’t so rigid and effected all screen sizes. For my purposes, 3 column layout for desktops and 1 column layout for smartphones would be nice, but not possible with EDD?

I feel that the EDD plugin is not really responsive. Seems like a Bootstrap grid is needed to keep Shop page download items aligned properly for all device sizes.

It would be nice to have a setting (on/off) within the EDD plugin style settings panel saying the plugin is being used in a Bootstrap theme. I am seeing this style option in other WP plugin more often. Then the developer could easily tweak the EDD content (downloads) within the Bootstrap framework guidelines.

It might be helpful to sent you some screenshots how this looks. Do you have an email address for this purpose?

Still looks scrambled on iPhone portrait orientation, but OK if iPhone is held in landscape orientation.

Pippin…. I would like to close this issue. If you have a demo shop page that displays on a 3 column layout on a small device like an iPhone screen, could you plz forward it to me?

Pippin the short codes are set to column=“0” now and the Shop page still looks bad because it still displays 3 columns poorly on small smartphone screens. There needs to be media query CSS to display 1 or 2 columns for narrow screens.