Any ideas? Thanks

It seems likely to me that its some margin or padding or something being added ‘for me’ somewhere, but I cannot for the life of me find where it would be.

Having searched about this issue, ive seen the other threads with similar issues and tried some of the CSS blocks recommended. None have solved my issue.

Any help would be greatly appreciated. Thank you.

I’m using WordPress 2024 theme and I want the site logo and menu to display centered when viewed on a mobile device. Right now, these elements are displaying to the left which looks unbalanced in my opinion.

The image and top text were made using front page widget area, its the onle way I could get everting to look half decent.

I have embedded google search icon into search box in my header.php page the code is :

<div class="search-box">			
    <form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url( '/' ); ?>">
        <div>           
            <label class="screen-reader-text" for="s">Search for:</label>
            <input value="" name="s" id="s" type="text" placeholder="Zoeken" "<?php the_search_query(); ?>">			
            <input id="searchsubmit"  value="search" class="material-symbols-outlined"         type="submit">
        </div>
    </form>
</div>

and this is css code:

	.search-box {
	width:33.333%;
	 display: flex;
     justify-content:flex-end;	  
     align-items: center;
     margin-right:4%;
	 margin-top:-0.2rem;
	}
	
	
input#searchsubmit.material-symbols-outlined {
	 
	   
		color:red;
      
	}
	
	


input[type="text"] {
  width: 275px;
  height:45px; 
  border-radius: 20px;
  font-size: 16px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  outline: none;
 

}

#searchsubmit {

margin-left:-72px; 
background:none;  
border:none;
 
}

#searchsubmit:hover {

  cursor: pointer;
  
}

the problem is I can not get the google search icon with using padding and margin little bit to center or to down in search box.

I have tried evrything whitout results?

How I can get this search icon liitle bit to down or to center in searchbox?

when you go to my url homepage you can see what I mean. the other pages of the website are not completed yet.

thanks

There are 3 carousel blocks on this home page. The first two are displaying fine. Somewhere along the line of configuring the third, I didn’t notice and cannot pin it down, the slides became uncentered. I have tried resizing images (smaller), taken arrows off, and tried changing a few other settings that I cannot remember now.

The 3rd carousel is difefrent tot he other two in that it is inside a column whcih allows me to colour the background (including the slider). Maybe it is not designed to do this. But taking the carousel and pastign it outside of a column shows the same issue.

Thanks in advance for any assistance.

Why is such a basic task so difficult now?

Without waiting for a future update to WordPress, what can I do now?

I know HTML5 offers alternatives to the div tag. If I used “section” in the code editor, would that work? (The combination of my old full laptop + slow internet + slow website makes me very reluctant to just try that.)

danceorangeville.com/gift-cards

I have tried deactivating all plugins, but that did not fix it. The problem does not appear to be browser, platform, or window-size specific, as it happens on Windows, macOS and macOS on multiple browsers for each.

I have one other possible clue. On https://benphysics.com/teaching/, the red “Read More” buttons have become left-aligned instead of centered (despite the fact that they are set to be centered). I have no idea if these are related problems.

I would greatly appreciate your help in identifying solutions or further troubleshooting steps.