Products page distorted after add just H2 tags

[rushikesh93]

Hello all, 

I'm working one shopify site, SEO related work, 

I have add<h2> tag in Page from Admin, and save the page, after saving page, I refreshed the frontend page, now it was distorted, so i have again remove the H2 tag, and again save but result remaining same, so i have upload page's backup code, and save again, but result remain same, I have used the 3rd party Theme here, 

Now please advice me, what should I do for this issue fixing? 

Thanks. 

[rushikesh93]

EDIT : I have checked with another page that working fine, and compared both pages, and I found that one CSS is missing. but I don't understand if just I changed something in the page, and save it, then how CSS was removed.

[Nolan-li]

It is possible that the Css code was deleted by mistake when saving the file
Of course, there may be a lack of class naming

[rushikesh93]

@Nolan-li thanks for your answer,
i have add only <h2> Tag from the Admin page's editor. and saved it, then how its possible that removed CSS automatically?

even I have update that's page backup code, but still error remaining same. yes I have checked about the CSS and its class naming, CSS is not there and class name also different now.

[Nolan-li]

I'm glad you received my answer
Regarding your question, I thought that I had a similar problem before
When I edited the template code, the network was not stable before. During the editing process, there were problems such as code loss and save failure.
Regarding your question "even I have update that's page backup code, but still error remaining same. yes I have checked about the CSS and its class naming, CSS is not there and class name also different now." I suggest you check first Background code and recorded for subsequent modification

[rushikesh93]

can this issue be related to the cache? because I have tries something like,
I have created a new page and pasted the new page's code, which already worked fine, and saved it, now new page also distorted display. so what's the issue here? if you have some idea about it.

[Nolan-li]

I'm not sure what language you use to make the page. The language I'm currently using is liquid. It has nothing to do with page caching. If you can, you can try to open your new page with other browsers and have a look

[rushikesh93]

you can see in the below image, I have added HTML code in the page editor.

 

[Nolan-li]

What's wrong with View Page?

[Nolan-li]

Please give me this page if you can

如果可以请给我这个页面

[rushikesh93]

https://showhome-furniture.com/pages/calgary-sofas
this is the page URL, that was distorted, above is the example that i show you.

[Nolan-li]

Hi Rushikesh
I'm not sure if you're talking about the selected part

[rushikesh93]

that images come..you see in the storefront, from where you checked this,

https://showhome-furniture.com/pages/calgary-sofas
https://showhome-furniture.com/pages/calgary-bedroom-furniture

you can compare this both URL, there are 4 Blocks of images are comes, that design was distorted, after addin H2 code,

 

[Nolan-li]

OK, I checked and found out what is the problem. Because of the lack of class attribute, the DIV tag becomes full width. If you can, you can add class attribute to make it 50%

[rushikesh93]

ohh, but you see, I never changes in any DIS classes, just add the tag and save and the page distorted,

then how class and DIV changed,
should every page there is different CSS or classes? in Shopify

or now whats should I need to do here for fixing the issue?

[Nolan-li]

oh sorry i misunderstood your need
I have an idea about this problem. I have no way to enter your
If you don't change anything during the copy then its class is the same 

Please try to copy the following code to your new page and try it out

<link rel="stylesheet" type="text/css" href="https://cdn.getshogun.com/css-2023-04-04-0949/6433fd2d2079fe00ea8369b1.css">

[rushikesh93]

means i paste this css in my HTML editor in Page right?

[Nolan-li]

Yes, I just saw that your new page does not use this css file, you can try to copy the code above to your new page

[rushikesh93]

ok, can this page be developed from Admin, where we have to create the page, in the theme customize section?

[Nolan-li]

It mainly depends on your website requirements and the template used by the website. If you create a new page and the page uses the default template, you may need to create a file in the background "Edit code" to complete your new page.