cuberuler

Yes, I found it!! You guys are awesome, thank you so, so much. I really really appreciate the time. I know my elementor design is a little messy with too many containers, I am learning ??

Do you recommend a page builder other than elementor? It’s easy to use…

Wonderful, thank you so, so much. I am looking for it now; I assume it is only set like that on mobile.

It is only on mobile, and is also a problem for the company that I designed the website for. It looks fine when you load it, however, when you try to swipe right there is a white bar of space. Something is set to over 100% width or something, and I cannot find out what. Just need to find the element stretching the page over 100% on mobile (because when you can wiggle it side to side, it looks weird). It should only be able to be swiped up and down, right?

Thank you again for your investigation, I wish tips were allowed. <3 from another learning developer ??

This is very strange. Even though I added the CSS as he instructed, it still does not want to go to full width. How strange. I wonder what is restricting it… Everything is on full-width, etc.

This is what the code says:

<center><script type='text/javascript' src='//www.opentable.com.mx/widget/reservation/loader?rid=1175293&type=standard&theme=wide&color=1&dark=false&iframe=false&domain=commx&lang=en-US&newtab=true&ot_source=Restaurant%20website'></script></center>

Hi, thank you so much for your response. I did add the code that you mentioned to the ‘additional CSS’ page for the main body of the website. This is what it looks like:

.ot-dtp-picker.wide {
width: 100%;
max-width: 1164px;
}

@media screen and (min-width: 782px) {
#wpzf-7143 {
margin-top: 10px;
}
}
margin-bottom: 50px;
border-bottom: none;

### Of course, the bottom part is from some other edits I made.
I wonder why the code is not being effective? It’s rather funny, I have done everything I can do to make it wide.

Thank you so much and if it’s not resolvable, it’s not, but it sure would look better if it wasn’t always doubled over on itself even on large screens.

Thank you again, y’all are heroes!

Yes, the block seems to be stuck inside a container, so 100% means it’s smaller than I like my Internet bandiwdth. It seems to be stuck in a container but I am going through the navigator on the left hand side and can not seem to find what is containing it, so that 100 PERCENT is 100 percent width.

The only option to extend it beyond the invisible container is with pixels which therefore responds poorly on mobile.

Thank you very much for the help, I will be working on it…

Ok, thank you very much for the reply. Issue resolved, I really appreciate it. Have a great weekend!

Thanks, I found them. The reason it was not updating was because of a stupid cache plugin I had installed. Again, I really appreciate your time!

Resolved.

I think the problem may be here, but I am not sure how to adjust it.

<div style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--40);"

This is the custom CSS I am using, I don’t believe that it is affecting it though. Man, I am absolutely at my wit’s end about this…

@media screen and (min-width: 782px) {
#wpzf-7143 {
margin-top: -75px;
}
}
margin-bottom: 150px;
border-bottom: none;

Wow, that resolved it. All I did was paste the CSS you found in the custom CSS box of the plugin, with the width 100%, and it fixed it. Thank you so much, and now I know how to find the right CSS more accurately ??

Here is a copy of my stylesheet (which shows the font I added, but they are not optoins?)

{
	"settings": {
		"appearanceTools": true,
		"color": {
			"custom": true,
			"customGradient": true
		},
		"layout": {
			"contentSize": "960px",
			"wideSize": "1140px"
		},
		"spacing": {
			"units": [
				"%",
				"px",
				"em",
				"rem",
				"vh",
				"vw"
			]
		},
		"typography": {
			"customFontSize": true,
			"dropCap": false,
			"fluid": true,
			"fontFamilies": [
				{
					"fontFace": [
						{
							"fontFamily": "Merriweather",
							"fontStyle": "normal",
							"fontWeight": "300",
							"src": [
								"file:./assets/fonts/merriweather_normal_300.ttf"
							]
						},
						{
							"fontFamily": "Merriweather",
							"fontStyle": "italic",
							"fontWeight": "300",
							"src": [
								"file:./assets/fonts/merriweather_italic_300.ttf"
							]
						},
						{
							"fontFamily": "Merriweather",
							"fontStyle": "normal",
							"fontWeight": "400",
							"src": [
								"file:./assets/fonts/merriweather_normal_400.ttf"
							]
						},
						{
							"fontFamily": "Merriweather",
							"fontStyle": "italic",
							"fontWeight": "400",
							"src": [
								"file:./assets/fonts/merriweather_italic_400.ttf"
							]
						},
						{
							"fontFamily": "Merriweather",
							"fontStyle": "normal",
							"fontWeight": "700",
							"src": [
								"file:./assets/fonts/merriweather_normal_700.ttf"
							]
						},
						{
							"fontFamily": "Merriweather",
							"fontStyle": "italic",
							"fontWeight": "700",
							"src": [
								"file:./assets/fonts/merriweather_italic_700.ttf"
							]
						}
					],
					"fontFamily": "Merriweather",
					"slug": "merriweather"
				},
				{
					"fontFace": [
						{
							"fontFamily": "Montserrat",
							"fontStyle": "normal",
							"fontWeight": "400",
							"src": [
								"file:./assets/fonts/montserrat_normal_400.ttf"
							]
						},
						{
							"fontFamily": "Montserrat",
							"fontStyle": "normal",
							"fontWeight": "500",
							"src": [
								"file:./assets/fonts/montserrat_normal_500.ttf"
							]
						},
						{
							"fontFamily": "Montserrat",
							"fontStyle": "normal",
							"fontWeight": "600",
							"src": [
								"file:./assets/fonts/montserrat_normal_600.ttf"
							]
						},
						{
							"fontFamily": "Montserrat",
							"fontStyle": "normal",
							"fontWeight": "700",
							"src": [
								"file:./assets/fonts/montserrat_normal_700.ttf"
							]
						}
					],
					"fontFamily": "Montserrat",
					"slug": "montserrat"
				},
				{
					"fontFamily": "Cyber Hashtags",
					"slug": "cyber-hashtags",
					"fontFace": [
						{
							"fontFamily": "Cyber Hashtags",
							"fontStretch": "",
							"fontStyle": "normal",
							"fontWeight": "400",
							"src": [
								"https://oystera.fairplaywinelodge.com/wp-content/uploads/2023/10/CyberHashtags.ttf"
							]
						}
					],
					"isBcf": true
				},
				{
					"fontFamily": "Main Font",
					"slug": "main-font",
					"fontFace": [
						{
							"fontFamily": "Main Font",
							"fontStretch": "",
							"fontStyle": "normal",
							"fontWeight": "400",
							"src": [
								"https://oystera.fairplaywinelodge.com/wp-content/uploads/2023/10/Dolce.ttf"
							]
						}
					],
					"isBcf": true
				}
			],
			"fontSizes": [
				{
					"fluid": {
						"max": "16px",
						"min": "13px"
					},
					"name": "xSmall",
					"size": "16px",
					"slug": "x-small"
				},
				{
					"fluid": {
						"max": "18px",
						"min": "14px"
					},
					"name": "Small",
					"size": "18px",
					"slug": "small"
				},
				{
					"fluid": {
						"max": "20px",
						"min": "16px"
					},
					"name": "Medium",
					"size": "20px",
					"slug": "medium"
				},
				{
					"fluid": {
						"max": "24px",
						"min": "20px"
					},
					"name": "Large",
					"size": "24px",
					"slug": "large"
				},
				{
					"fluid": {
						"max": "30px",
						"min": "24px"
					},
					"name": "xLarge",
					"size": "30px",
					"slug": "x-large"
				},
				{
					"fluid": {
						"max": "36px",
						"min": "30px"
					},
					"name": "36px",
					"size": "36px",
					"slug": "max-36"
				},
				{
					"fluid": {
						"max": "48px",
						"min": "36px"
					},
					"name": "48px",
					"size": "48px",
					"slug": "max-48"
				},
				{
					"fluid": {
						"max": "60px",
						"min": "42px"
					},
					"name": "60px",
					"size": "60px",
					"slug": "max-60"
				},
				{
					"fluid": {
						"max": "72px",
						"min": "48px"
					},
					"name": "72px",
					"size": "72px",
					"slug": "max-72"
				},
				{
					"fluid": {
						"max": "82px",
						"min": "52px"
					},
					"name": "82px",
					"size": "82px",
					"slug": "max-82"
				}
			]
		}
	},
	"styles": {
		"blocks": {
			"core/button": {
				"border": {
					"radius": "0px"
				}
			},
			"core/heading": {
				"color": {
					"text": "#2a2a2a"
				},
				"elements": {
					"heading": {
						"color": {
							"text": "#2a2a2a"
						}
					},
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#2a2a2a"
						}
					}
				}
			},
			"core/list": {
				"color": {
					"text": "#333333"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#008aff"
						},
						"typography": {
							"textDecoration": "underline"
						}
					}
				},
				"spacing": {
					"padding": {
						"left": "20px"
					}
				}
			},
			"core/paragraph": {
				"color": {
					"text": "#333333"
				},
				"elements": {
					"link": {
						"color": {
							"text": "#008aff"
						}
					}
				}
			},
			"core/post-author": {
				"color": {
					"text": "#333333"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#333333"
						},
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/post-date": {
				"color": {
					"text": "#333333"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#333333"
						},
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/post-navigation-link": {
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#333333"
						},
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/post-terms": {
				"color": {
					"text": "#333333"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#333333"
						},
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/post-title": {
				"color": {
					"text": "#111111"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							},
							"typography": {
								"textDecoration": "underline"
							}
						},
						"color": {
							"text": "#111111"
						},
						"typography": {
							"textDecoration": "none"
						}
					}
				}
			},
			"core/query-pagination": {
				"color": {
					"text": "#008aff"
				},
				"elements": {
					"link": {
						":hover": {
							"color": {
								"text": "#008aff"
							}
						},
						"color": {
							"text": "#606060"
						}
					}
				}
			},
			"core/site-title": {
				"typography": {
					"fontFamily": "var:preset|font-family|montserrat",
					"fontSize": "var:preset|font-size|max-82",
					"fontStyle": "normal",
					"fontWeight": "600",
					"lineHeight": 1.2,
					"textTransform": "uppercase"
				}
			}
		},
		"elements": {
			"heading": {
				"typography": {
					"fontFamily": "var:preset|font-family|montserrat",
					"fontStyle": "normal",
					"fontWeight": "700",
					"lineHeight": "1.4"
				}
			}
		},
		"typography": {
			"fontFamily": "var:preset|font-family|merriweather",
			"fontSize": "var:preset|font-size|medium",
			"fontWeight": "300",
			"lineHeight": "1.75"
		}
	},
	"templateParts": [
		{
			"area": "header",
			"name": "header",
			"title": "Header"
		},
		{
			"area": "footer",
			"name": "footer",
			"title": "Footer"
		}
	],
	"version": 2,
	"$schema": "https://schemas.wp.org/wp/6.2/theme.json"
}

Sorry brand new here, no problem, my mistake!

Apparently Namecheap has some CDN caching that was causing this problem. Very annoying to wait an hour to see updates on some things, and there is NOTHING you can do, but not the theme’s fault. Perhaps I can disable this in the settings. Thank you!