page title moves when I resize the window

Shapely
1

My page titles keeps moving (to the right) when I resize the window.
Any help would be appreciated
Thanks

2

Hi @fabiant,

Please provide us with your websitelink to check.

Thanks,

Cristian

3

Hi Cristian

www.fabianjtehrani.com

Cheers
fabian

4

Hi @fabiant,

Please use this css code:

@media (max-width: 767px){
   .entry-title{ 
    top:0px;
    left:0px;
}

}

Thanks,

Cristian

5

hi Cristian,

It didn’t work.
cheers
Fabian

6

Hi @fabiant,

Try this long css code:

DIV MAIN ARTICLE.post-2.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-690.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-685.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-685.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title.ui-draggable.ui-draggable-handle, DIV MAIN ARTICLE.post-385.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-228.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-732.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-71.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title, DIV MAIN ARTICLE.post-77.page.type-page.status-publish.hentry HEADER.entry-header H1.entry-title {
    top: 5px !important;
    left: 24px !important;
    position: relative !important;
    font-size: 22px !important;
    text-align: center;
}

Thanks,

Cristian

7

Thanks Cristian
it worked…
cheers

8

hi @fabiant,

You’re welcome,

Cristian