All Questions
Tagged with responsive-design wordpress
528 questions
0
votes
0
answers
29
views
No src and sizes attributes present on Wordpress thumbnail images; the smallest image size is loaded irregardless of viewport size
I have set up custom thumbnail sizes in my functions.php, as follows:
function df_theme_support() {
add_theme_support('post-thumbnails');
//Custom image sizes
add_image_size('small-thumbnail', ...
- 29
0
votes
1
answer
49
views
How can I customize a table so that it stacks vertically on media/mobile screens?
This page: https://eldergod.ca/necronomicodex/ looks great on desktop, but I dislike the horizontal scroll that occurs on some of the longer entries on mobile (I've tried both safari and chrome on my ...
- 1
0
votes
0
answers
38
views
How to make WordPress thumbnails same size
After added Ads in my WordPress page the next thumbnail on mobile responsive goes oversize. I'm adding picture to better understand this. The first one is good, second goes Ad and the third one is ...
- 11
0
votes
1
answer
112
views
Background Image is not responsive
I'm new here. We are in the process of creating the correct format for the heading. The site is based on WordPress with the builder Elementor. In the container itself we have added the image as .svg. ...
- 1
1
vote
1
answer
52
views
CSS - Responsive Design
I am working on this wordpress style sheet.
Below code,
When I resize the screen using the mouse it kicks in and show the responsiveness.
But when I use the Chrome Dev tools and clicking each ...
- 493
0
votes
1
answer
376
views
How to dynamically generate carousel simultaneously changing and adjusting responsively using Wordpress Sage and Tailwind CSS
Hello!
Perhaps someone will be able to help me.
I built a website based on Wordpress Sage and Tailwind CSS.
There is a carousel module in the project, which looks like that:
Carousel
The problem is ...
1
vote
0
answers
252
views
Elementor Blog Section Displays Incorrectly for Non-Logged In Users
I'm experiencing an issue with my website, TurnerNet.Tech, specifically with the blog section on the homepage. I recently built a new page using Elementor, and I'm encountering a problem with the ...
- 11
0
votes
1
answer
711
views
Dynamic Menu in Elementor Nav Bar
I am creating a website with Elementor Pro where I use the "Nav Menu" element in the header. My problem is that I want some Menu items in the Desktop view mode and some in the mobile view. ...
1
vote
0
answers
68
views
Specific Bootstrap 5 grid system logic for future Wordpress post thumbnail output
I'm making website on Bootstrap 5. And need to make such grid system for product thumbnails (picture below).
My idea(logic) to make this grid like this (picture below). This grid will be responsive ...
0
votes
2
answers
911
views
How do I make website header logo to be full width on mobile only?
I am trying to make my mobile logo larger on our site. The logo is perfect for desktop, but on mobile it is very small, regardless of theme settings I tweak.
I tried this snippet in additional CSS ...
- 1
-1
votes
1
answer
131
views
Shapes as border CSS
I'm looking to create a patterned border on the bottom of the div.
I've considered just using an image to achieve this, but then the div and the border does not respond properly when adjusting screen ...
- 45
1
vote
2
answers
1k
views
Remove certain sizes from srcset in Wordpress images
as we all know since Wordpress 4.4 there are responsive images sizes. My goal is to remove 2 sizes from generation and even from displaying in the srcset of the images. For some reason even after ...
- 647
-3
votes
1
answer
110
views
My wordpress sub-menu splits in two column, how to stack them in one column
As you guys can see, my WordPress submenu automatically splits into two columns, but I want to stack my submenu in one column. I tried various methods of implementing CSS but none of them give ...
0
votes
0
answers
128
views
Trying to fix fixed empty space in columns WordPress site
I am working on a Wordpress site which is using CSS. I have defined 4 columns and tried to use the negative margin or padding, which reduces the space between the columns (This is what I want to do, ...
- 1
0
votes
1
answer
1k
views
Align the icon and text to mobile version in elementor
I've designed a Light store website by using elementor. I need to arrange the features section in one line like Desktop view. on mobile view mobile view this is the default. I tried to do it by ...
