Sadik Multani

The first paragraph block has a margin added. You can select the first paragraph block and remove the margin using the Dimentions setting. If the margin options are not showing, you can enable them from the three dots.

Screenshot Ref: https://prnt.sc/E7Q7Fs-96V8I

I can see that the above page has a spacer block on top of the page. you can remove that spacer block from the backend to reduce the whitespace.

Hi @elizlefel

There is an error related to Black Ops One fonts in the console. As your first font ( Black Ops One ) is not loading that’s why it’s using the other callback fonts.

Thanks

Hello @global4u

Do you want all the items to be in top align like below screenshot? ( https://prnt.sc/lUYohdbRZDVV )

Thanks

yup, that sounds good
and glad to hear that it works ??

In that case, you can just add the display:flex instead of display:inline

Here is the code:

@media only screen and (max-width:481px) {
 .primary-menu-container {
  display: flex !important;
 }
}

Hi @rajeevbagra2025

As I can see you are using All in one SEO plugin. have you checked in that plugin?

Hi @ahardy42

There is a display block CSS in max 481 media for .primary-menu-container which is coming from the index. I think you’ve added that CSS. So, you can remove that CSS and it will look properly centered menu as per screenshot. ( https://prnt.sc/Qve-swej-cBh )

Thanks

Hi @ramf

If you select the Main Social Icons block from the list view then you can see the option in the sidebar for open links in the new tab. ( https://prnt.sc/_D6yxQqwRA6y )

Thanks

Hi @adisolutions

As I can see as of now the menu background color is white. Do you still need any help with menu background?

if you want to use the cover title as the main H1 then you’ve to remove the entry header H1 from the code instead of just hiding with CSS.

Thanks for sharing the URL @adisolutions

Are you talking about the line which is above the logo in the footer?

If yes then you can remove it by adding below CSS code.

.site-footer > .site-info{border-top: 0;padding-top: 0;}

And if you are not talking about this line then can you please share the screenshot of the section and line that you want to remove?

Thanks

Hi @adisolutions

Can you please share the page link where you are facing the issue?

hmm, I see. So, if you don’t want to show the page title for all the pages then you can add the below CSS to hide the title and remove the space like the homepage.

.site-main .entry-header{display:none;}
.site-main .entry-content{margin-top:0;}

And if you need to do it for a specific page then you can add the page id class in the CSS hierarchy from the body like below:

.page-id-2 .site-main .entry-header{display:none;}
.page-id-2 .site-main .entry-content{margin-top:0;}

Thanks

As I can see on the above page your CSS is working perfectly but on the sample page, there is a page title. If you remove the page title then your sample page will exactly look the same as the homepage. So, do you want to remove the page title, or do you just want to reduce the space from below the title?