The Ivory Search bar is on every page on my site.

The search bar shifts when the page loads and this causing cumulative layout shift when testing site on PageSpeed Insights.

I don’t know how to fix the shifting. I know the CSS is not perfect. I took pieces of CSS from different people to style it. I don’t code.

If you can tell me what to change with the code to have it properly structured, that would be great. My current CSS:

.is-form-style button.is-search-submit {
    display: inline-block;
}
span.is-search-icon {
    width: 36px !important;
}

.header-widget-area form.is-search-form {
     width: 380px;
      max-width: auto;
      display: table-cell;
      margin-bottom: 15px;
       border-radius: 5px 0px 0px 5px;
}

.is-form-style input.is-search-input {
       padding: 12px;
       right: 0px;
      padding-left: 14px;
      height: 40px;
     font-size: 17px !important;
     font: Helvetica;  
     font-weight: 500;
     font-color: #8894a0;
      margin-bottom: 15px;
       border-radius: 5px 0px 0px 5px;
}

.is-form-style button.is-search-submit {
     position: absolute;
     top: 0px;
     right: 0px;
    background-color: #ff9c00;
     margin-bottom: 15px;
      border-radius: 0px 5px 5px 0px;
}

.is-form-style button.is-search-submit .is-search-icon {
     position: absolute;
     top: 0px;
     right: 0px;
      border-radius: 0px 5px 5px 0px;
    height: 40px;
}

—-
thanks in advance…

I am not sure what to do to fix this problem. Do I need to change the margin of the title or the price? I would like the price to be aligned for all products.

Thank you

I would like the tekst layout on the site for my wife www.frisseblikopvitaliteit.nl with more space around it. To achieve this I made the following padding adjustment in the stylesheet of my spacious template. The default for padding was 0.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0 25px 0 25px;
vertical-align: baseline;
}

After this adjustment, the layout of the text is sloppy. Every paragraph suddenly starts with a couple of spaces and in the text extra spacing appears. Especially aroud the hyperlinks. You can see it happening here

Please help me! Is there any other way to make my page look nice? Or something I can do to get rid of these spaces? Please help! I want the website to go live because it’s my wifes’new business!
Thank you so much for your advice!

1. Today, when I was making tracklist for music category I have faced with such problem – I need to add all tracks again to create new tracklist. Is there any way to unite existing tracks for making new tracklist?

2. Is there any way to shift positions of tracks in tracklist? Sometimes, I want to shuffle positions. For example, track #1 I want to put on #12.

My existing site is in .NET and only the blog is in wordpress. Now I want the entire site to be in wordpress but keeping the site running for while till the new site work is completed.

How can I do that?

https://www.ads-software.com/plugins/megamenu/

MY top menu shifts on different pages. I.E. On some pages the menu is on the top right side, (right under the tag line) on other pages, it is to the left of the tagline.

Any suggestions?

Thanks!

Here’s a screen grab showing the difference:
https://shangri-la-marathon.com/wp-content/uploads/2014/08/lazy-load-3d-shadow.jpg

I tried enabling the responsive and retina settings but that didn’t help. I could not find any CSS that was causing this to happen, but disabling the plugin caused it to go back to normal.

The site: https://shangri-la-marathon.com/

We are using the latest version of the Vellum responsive theme: https://themeforest.net/item/vellum-responsive-wordpress-theme/6914246

Any insights on what might cause this and how to correct it? I really would like to use the plugin on this site.

https://www.ads-software.com/plugins/bj-lazy-load/

I activated multisite, because my client asked me to, but he never used it, so there is only one site, the main website. (https://worldanimeclub.com) Right now he wants the multisite switched off because he wants this entire huge website in a sub-directory called blog, and have the main website serve as a community.

So my question is, if I disable multisite, and push the blog into a subdirectory called “blog”, wil everything work as normal? Or will all the links and images break?
Please Help.

https://www.isimplifyvirtualassistance.com/themanagerscoach/

Thanks for your assistance.

https://www.ads-software.com/plugins/genesis-responsive-slider/